css3 自动无限缩放
2016-07-27 10:26
417 查看
@-webkit-keyframes scaleDraw { 0% { -webkit-transform:scale(1); } 25% { -webkit-transform:scale(1.1); } 50% { -webkit-transform:scale(1); } 75% { -webkit-transform:scale(1.1); } } #drawCon1{ -webkit-animation-name: scaleDraw; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 8s; -webkit-animation-direction: alternate; }
相关文章推荐
- 简单html以及css的用法详解
- HTML&CSS基础学习笔记1.18-表格的边框
- CSS高级选择器
- CSS white-space 属性
- css设置文本样式
- css系列(4)简介
- 细说 CSS 语言的诞生史
- 手把手教你玩转 CSS3 3D 技术
- 《web前端最佳实践》—高性能css
- CSS Sprites(精灵/雪碧)技术原理和使用
- css3新技术-旋转的元素--transform
- 07/24 CSS中position总结
- 浮动情况下的负外边距的研究以及经典布局
- after伪元素实现空心三角箭头和X图标
- CSS实现图片放大缩小的几种方法
- 理解伪元素 :before 和 :after
- js获取style样式的问题
- CSS3 RGBA的高级属性
- css基础之 图片瀑布流布局:用CSS+DIV等宽格子堆砌瀑布流效果 (一)
- css模板之 web模板一