css的transition 属性
2016-07-12 14:24
399 查看
把鼠标指针放到 div 元素上,其宽度会从 100px 逐渐变为 300px:
div { width:100px; transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari 和 Chrome */ -o-transition: width 2s; /* Opera */ }
相关文章推荐
- 淘宝顶端的通知样式 .
- css--伪类:first-child
- CSS中!important的使用
- 关于css 的 !important
- nav布局 在线演示 DIVCSS5
- Animate.css 教程
- 边框动画 Creating a Border Animation Effect with SVG and CSS 动画边框,很不错!
- css-outline:0 none
- 有用的HTML+CSS片段
- **CSS**对CSS的认识
- CSS基础学习
- selenium定位元素之By.className()和By.cssSelector()
- CSS3嵌套立方体旋转
- css3图片注释 Annotation Overlay Effect with CSS3 (精)
- 纯CSS制作简单几何图形
- css属性支持
- 关于rem、px、em的区别
- 文字 AnimatedOpeningType css3的文字3D翻转特效
- CSS-DOM设计style属性的艺术
- HTML&CSS基础学习笔记1.10-添加链接