@keyframes cardFront { 0%, 40%, 100% { 02 opacity:1; 03 -webkit-transform:rotateY(0deg); 04 -moz-transform:rotateY(0deg); 05 -ms-transform:rotateY(0de ...
分类：
Web程序 时间：
2016-10-27 19:04:46
阅读次数：
339
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现; 当然最原始的你还可以使用w ...
分类：
Web程序 时间：
2016-10-17 11:07:04
阅读次数：
267
CSS3 animation属性 @import @media @font-face @keyframes 当我们使用@keyframes定义好了一个动画，它并不会执行产生任何效果，直到我们通过animation属性将动画应用到相应元素上。 对于 CSS3 animation 属性其完整的语法如下： ...
分类：
Web程序 时间：
2016-09-25 18:45:52
阅读次数：
2880
CSS3的@keyframes用法详解:此属性与animation属性是密切相关的，关于animation属性可以参阅CSS3的animation属性用法详解一章节。 一.基本知识:keyframes翻译成中文，是"关键帧"的意思，如果用过flash应该对这个比较好理解，当然不会flash也没有任何 ...
分类：
Web程序 时间：
2016-09-24 10:30:21
阅读次数：
245
用CSS3实现动画效果： @keyframes和animation共同实现。 @keyframes myfirst { from {background: red;} to {background: yellow;} } @-webkit-keyframes myfirst /* Safari an ...
分类：
其他好文 时间：
2016-09-21 22:45:35
阅读次数：
105
此文章仅为转发，非原创，原文http://www.cnblogs.com/zhuanggege/p/5754543.html 请支持原创 css3动画 @keyframes 规定动画，必须定义动画的名称，动画时长的百分比，一个或多个css样式属性 以百分比来规定改变发生的时间，或者通过关键词"fro ...
分类：
Web程序 时间：
2016-08-21 19:50:02
阅读次数：
231
自定义动画 1）关键帧（keyframes） 被称为关键帧，其类似于Flash中的关键帧。 在CSS3中其主要以“@keyframes”开头，后面紧跟着是动画名称加上一对花括号“{…}”，括号中就是一些不同时间段样式规则。 语法：@keyframes animationname {keyframes ...
分类：
Web程序 时间：
2016-08-18 09:53:08
阅读次数：
235
animation-name:自定义动画名称； keyframes:关键帧； animation-iteration-count：动画执行次数； div{ width: 300px; height: 300px; background-color: pink; animation-name:from ...
分类：
Web程序 时间：
2016-08-16 13:16:23
阅读次数：
175
自定义动画 1、animation-name(动画名称)： 元素所应用的动画名称，必须与规则@keyframes配合使用，因为动画名称由@keyframes定义语法：animation-name ：none | <identifier> 例：div{ -webkit-animation-name : ...
分类：
Web程序 时间：
2016-08-16 13:15:47
阅读次数：
157
