transition是CSS样式的一个属性，无聊之余看了一下，分享一下。transition的语法：transition: property duration timing-function delay;主要属性transition-property 规定设置过渡效果的 CSS 属性的名称。tra....
分类：
其他好文 时间：
2015-11-13 14:30:22
阅读次数：
233
类似百度音乐唱片播放时CD图片不停旋转的实现效果图html代码css3代码# img{ -webkit-transition: -webkit-transform 5s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -...
分类：
其他好文 时间：
2015-11-13 13:05:32
阅读次数：
299
用css3的transition过渡来做页面动画的时候，发现在chrome和ff流畅，在safari 不流畅；度娘找到了淘宝UED的一个类似解决方案，动画就流畅了。测试环境：win7 32bit;safari;问题代码：#site-nav .menu-hd b {…-webkit-transitio...
分类：
其他好文 时间：
2015-11-12 13:11:00
阅读次数：
282
HTML5+CSS3 animation/keyframe/transform/transition/2D translate/3D translate 学习总结HTML5,animation,keyframe,transform,transition,2D translate,3D transla...
分类：
Web程序 时间：
2015-11-11 19:18:54
阅读次数：
868
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了:可以用CSS3的animattion+keyframes;可以用css3的transition;还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现;当然最原始的还可以使用window.set...
分类：
其他好文 时间：
2015-11-11 14:50:10
阅读次数：
262
知识点总结：1、元素设置了绝对定位后会自动变为块级元素；2、父元素设置为相对定位，子元素设为绝对定位，然后对子元素作如下设置会得到不同的效果：a、bottom:100%----------------->子元素的底端和父元素的顶端对齐重合（如下图所示：黑色框为父元素~白色圆为子元素~）html代码：...
分类：
Web程序 时间：
2015-11-11 13:05:03
阅读次数：
313
transition-property： 规定设置过渡效果的 CSS 属性的名称。通常设置成alltransition-duration： 规定完成过渡效果需要多少秒或毫秒。transition-timing-function：规定速度效果的速度曲线。 Linear规定以相同速度开始至结束的过渡效....
分类：
其他好文 时间：
2015-11-09 10:40:01
阅读次数：
264
transition和transform和animation的区别:* transition(过渡)div{width:100px;height:100px;background-color:red;transition:height 2s;}div:hover{height:300px;}* tr...
分类：
其他好文 时间：
2015-11-08 14:45:40
阅读次数：
224
Unbalanced calls to begin/end appearance transition for .... 当几乎同时将两个视图控制器push到当前的导航控制器栈中时，或者同时pop两个不同的视图控制器，就会出现不确定的结果。所以我们应该确保同一时间，...
分类：
移动开发 时间：
2015-11-06 18:08:42
阅读次数：
132
