Yo 源文件
Yo 是一款基于 Mobile First 理念而设计的 CSS Framework,当然,它也适应于PC端的高级浏览器;其具备轻量,易用,快速且高度强大的自定义能力
Yo 是一款基于 Mobile First 理念而设计的 CSS Framework,当然,它也适应于PC端的高级浏览器;其具备轻量,易用,快速且高度强大的自定义能力
@charset "utf-8"; @import "classes"; /** * @module animate * @class elastic * @description 定义从左侧弹性进入动画 * @method elastic-in-left */ @-webkit-keyframes elastic-in-left { 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes elastic-in-left { 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .ani.elastic-in-left { -webkit-animation-name: elastic-in-left; animation-name: elastic-in-left; }