Yo 源文件
Yo 是一款基于 Mobile First 理念而设计的 CSS Framework,当然,它也适应于PC端的高级浏览器;其具备轻量,易用,快速且高度强大的自定义能力
Yo 是一款基于 Mobile First 理念而设计的 CSS Framework,当然,它也适应于PC端的高级浏览器;其具备轻量,易用,快速且高度强大的自定义能力
@charset "utf-8"; @import "classes"; /** * @module animate * @class other * @description 定义橡皮圈挤压回弹动画 * @method extrusion */ @-webkit-keyframes extrusion { 0% { -webkit-transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(.65, 1.35, 1); } 40% { -webkit-transform: scale3d(1.35, .65, 1); } 50% { -webkit-transform: scale3d(.85, 1.15, 1); } 65% { -webkit-transform: scale3d(1.05, .95, 1); } 75% { -webkit-transform: scale3d(.95, 1.05, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); } } @keyframes extrusion { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(.65, 1.35, 1); } 40% { transform: scale3d(1.35, .65, 1); } 50% { transform: scale3d(.85, 1.15, 1); } 65% { transform: scale3d(1.05, .95, 1); } 75% { transform: scale3d(.95, 1.05, 1); } 100% { transform: scale3d(1, 1, 1); } } .ani.extrusion { -webkit-animation-name: extrusion; animation-name: extrusion; }