css3制作左右拉伸动画菜单
2013-10-19 14:44
399 查看
微博上看到这样一篇文章(http://js.itivy.com/?p=495),用jquery和css3制作左右拉伸动画菜单,看了下实现效果(http://js.itivy.com/jiaoben963/index.html),感觉用css3就够了,不需要jquery。于是尝试了下,只用css3基本上也实现了原文的效果,如下:
点击顶栏的result可以看到效果,未作浏览器兼容性优化。
点击顶栏的result可以看到效果,未作浏览器兼容性优化。
相关文章推荐
- 关于使用Css设置Canvas画布大小的问题
- css 盒子模型
- css重置
- 最全的CSS浏览器兼容问题整理(IE6.0、IE7.0 与 FireFox)
- Section 7 - Net,CSS and Dom tabs
- css3中的圆角属性
- 纯css写出tips的几种方法
- HTML基础入门之样式表(二)
- 那些被忽略的可怜的标签
- 适合新手的CSS网页布局小技巧整理
- html的基本使用包括链接、样式表、span和div等等
- CSS3 transform使用参考指南
- html让局部强制出现滚动条不破坏整体的样式和布局
- css中float:right右对齐元素会换行不在同一条线上
- CSS横向下拉菜单(兼容IE6)
- css的浮动与高度
- 如何只用CSS做到完全居中
- 关于现在主流浏览器的CSS hack
- 今天来聊聊IE10 CSS Hack
- ant 执行修改testng报告样式