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