.icon { -webkit-transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease;}.box:hover { -webkit-transform: rotate(360deg); -webki...
分类:
Web程序 时间:
2015-06-30 10:14:34
阅读次数:
148
//渐变 UIButton *b = (UIButton *)sender; CATransition *transition = [CATransition animation]; transition.type = kCATransitionPush; transitio...
分类:
其他好文 时间:
2015-06-29 20:13:05
阅读次数:
100
.excerpt .focus a img{ -webkit-transition: all ease .3s; transition: all ease .3s }.excerpt .focus a img:hover { -webkit-transform: scale...
分类:
Web程序 时间:
2015-06-29 19:52:01
阅读次数:
150
transition和animation都是CSS3新增的特性,使用时需要加内核浏览器内核名称W3CIE-ms-Chrome/Safari-webkit-Firefoc-moz-opera-o-区别:transition是过度属性,需要用户自行触发,触发时间比如:点击,鼠标悬浮等animation是...
分类:
Web程序 时间:
2015-06-27 15:49:22
阅读次数:
169
选择器边框、阴影 border-radius: 50%; 设置正圆形背景的改变CSS3重要的新东西: ● transition 过度,让一个元素从一个样式,变为另一个样式,不再是干蹦了,而是有动画,均匀的完成。 transition属性要写给元素的原来样式中, transition:要过度的...
分类:
Web程序 时间:
2015-06-27 09:39:39
阅读次数:
128
今天遇到这样一个需求,我有一个名为happy的animation clip和一个名为speak的animation clip。想实现当主角胜利后播放动序列:happy->speak->happy->speak->...这样无限循环。走了一些弯路后发现直接在animator state machine...
分类:
编程语言 时间:
2015-06-26 18:03:40
阅读次数:
433
本篇文章由:http://xinpure.com/css3transition-to-add-multiple-transition-effects/通过监听动画的结束事件,可以为一个元素添加多个动画效果监听动画事件-webkit-animation 动画有三个事件:开始事件 webkitAnima...
分类:
Web程序 时间:
2015-06-24 20:43:48
阅读次数:
318
1.css3 ie下大部分不兼容 ie9以下 浏览器低版本不兼容 需要写 -webket-transition:1s -moz-transition: 1s -o-transition:1s transition:1s 这些2.Css3 选择器 ...
分类:
Web程序 时间:
2015-06-24 14:24:22
阅读次数:
158
想写写关于矩阵变换的博文已经想了很久了,今天看到 winter 写的一篇博客CSS3:transform与transition背后的数学原理,于是就促成了本文。注意,下面的演示内容需要现代浏览器支持。比如Chrome/Firefox/Opera。阅读器中无法看到演示。矩阵是线性代数中的内容,在计算机...
分类:
Web程序 时间:
2015-06-24 12:40:52
阅读次数:
257
但一个元素不设置height时,它的默认值是 auto,浏览器会计算出实际的高度。但如果想给一个 height:auto 的块级元素的高度添加 CSS3 动画时,该怎么办呢?从 MDN的可以查到CSS 支持动画的属性中的 height 属性如下:height:yes, as alength,perc...
分类:
Web程序 时间:
2015-06-23 23:07:49
阅读次数:
191