过渡效果的写法-webkit-transition:all 5s ease-in 0s;动画效果的写法：h1 {-webkit-animation: cc 10s ease-in 0 infinite alternate;}@-webkit-keyframes cc {0% {color:red;}...
分类：
其他好文 时间：
2015-04-08 21:09:44
阅读次数：
130
1 2 3 4 5 css-keyframes 6 7 8 9 10 11 1 @-webkit-keyframes move{ //定义名为move的动画函数 目前chrome对其支持较好 所以加-webkit-前缀 2 0%{ ...
分类：
其他好文 时间：
2015-04-06 20:14:58
阅读次数：
117
这是一组效果非常炫酷的纯CSS3 Loading加载动画特效。这组loading动画共有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完成的，每一个加载动画都构思新颖，效果非常的酷。
效果演示：http://www.htmleaf.com/Demo/201503301597.html
下载地址：http://www.htmleaf.com/css...
分类：
Web程序 时间：
2015-03-31 14:48:04
阅读次数：
152
主要用到css3中的动画 @keyframes， animation。布局是外层一个div宽固定，然后overflow hidden 绝对定位，里面的ul 固定定位。通过对ul添加动画来实现效果。具体代码如下 1 2 3 4 5 Document 6 7 43 44 45 ...
分类：
Web程序 时间：
2015-03-17 12:14:14
阅读次数：
165
模仿jquery，使用简单，自动添加浏览器前缀1 var keyframes = new SHBKerframes();2 keyframes.define([{3 name:'myAnimate',4 0%:{width:100px;height:100px;transform:s...
分类：
其他好文 时间：
2015-03-11 10:31:13
阅读次数：
176
css3 3d动画 keyframes 前 后 上 bottom 左 右 前 ...
分类：
Web程序 时间：
2015-03-09 19:00:52
阅读次数：
192
CSS中除了我们经常写的那些内容外 还有像@charset @import @namespce @keyframes @media @page @font-face @viewport等。 1, @charset 在外部样式表文件内使用。指定该样式表使用的字符编码。该规则后面的分号是必需的，如...
分类：
Web程序 时间：
2015-03-09 00:17:39
阅读次数：
279
CSS3动画之抛物线今天来说下CSS3动画，目标是让一个方块做抛物线运动。主要用到的CSS3属性有animation，transform，@keyframes，transition等。
GPU硬件加速。...
分类：
Web程序 时间：
2015-03-05 23:45:18
阅读次数：
368
transform的属性包括：1、rotate（旋转） 2、skew（斜切） 3、scale（缩放） 4、translate（位移变化），其中还有x,y之分，比如：rotateX，rotateY，以此类推。 transform：rotate();如：@keyframes icon_3 { ...
分类：
Web程序 时间：
2015-03-03 15:06:41
阅读次数：
156
与CSS动画结合当与CSSanimation结合，可以得到更加有创意的效果，比如这个来自codepen的示例CSShtml { color: red; animation: color 30s linear infinite;}@keyframes color { 33.3% { color:...
分类：
Web程序 时间：
2015-02-26 14:51:12
阅读次数：
220
