html + css3 demo

  • 旋转菜单

代码效果:demo

时间: 2024-10-22 05:10:12

html + css3 demo的相关文章

【CSS3 DEMO】扑克正反面翻牌效果

用到两个属性: 一个是动画时间 transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; 一个是3d transform: rotate3d(0,1,0,-180deg); -webkit-transform: rotate3d(0,1,0,-180deg); -moz-transform: rotate3d

css3 字体自适应

css3提供了一些与当前viewpoint相关的元素,vw,vh,vim等. “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大 兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ DEMO地址:http://qianduannotes.sinaa

让IE6/IE7/IE8浏览器支持CSS3属性

让IE6/IE7/IE8浏览器支持CSS3属性 一.下载 您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东. 二.上面的是什么东西 首先说说.htc文件,.htc文件是个脚本文件,我个人以为与js文件属于同一货色,只是呢,貌似htc是Internet Explorer(IE)的私生子,只有IE才认它.htc文件可以用来描述web行为,web行为允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX 控

CSS3下拉菜单模板下载

HTML5 和 CSS3 目前是属于比较流行的趋势,所以,有研空或者做前端的同学可以下载下来看下,今天收集分享:48个免费的HTML5和CSS3下拉菜单模板下载,希望其中有你喜欢和需要的,或者可以给你带来灵感的. Dark Menu: Pure CSS3 Two Level Menu ( Demo | Download ) Pure CSS3 LavaLamp Menu ( Demo | Download ) HTML5/CSS3 Gray Navigation Menu ( Demo | Do

CSS3自适应字体大小(vw vh)

viewpoint css3提供了一些与当前viewpoint相关的元素,vw,vh,vmin, vmax等. “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大 兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ DEMO地址:http://qi

JQuery实现页面右下角浮动新闻之参考示例和实现代码

有些讨厌JQuery,但工作中总有项目会需要使用它.这次,有个网站首页右下角要做浮动层,在网上找了几个例子,试着实现,总是出错.最后,选择了一个简单的参考示例.为避免忘记,在这里做些记录. 参考示例链接:http://www.17sucai.com/preview/1/2013-05-05/右下角浮动提示弹出框/demo.html 代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

字体大小自适应纯css解决方案

viewpoint css3提供了一些与当前viewpoint相关的元素,vw,vh,vim等. “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大 兼容性:chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ DEMO地址:http://qianduann

HTML5资料整理 [From luics]

来自http://www.cnblogs.com/luics/,新浪微博@徐凯-鬼道 HTML5资料整理 项目组要做html5这块,花了一周左右时间收集的,快有一年时间了,部分内容需要更新,仅供参考.如需更新请回复 几点说明: 本次收集的信息以HTML5为主,这里的HTML5 ~= HTML5 + Javascript + CSS3 以下资料的协议相关部分主要来自W3C.WHATWG:demo库和开发工具等主要来自IT企业.技术组织的官网或其信息站点 W3C正式发布的协议称为Recommenda

纯css3跑马灯demo

我们写跑马灯一般都是用js控制定时器不断循环产生,但是定时器消耗比较大,特别是程序中很多用到定时器的时候,感觉有的时候比较卡.但是css3样式一般不会.这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯. 1.基本思路 这次demo主要是通过css3中的animation动画实现,借助transform中的translateY属性的增减实现dom位置的变化,让它跑起来. ---------------------------html--------------------------