码迷,mamicode.com
首页 >  
搜索关键字:transition    ( 1184个结果
由-webkit-transform-style:preserve-3d;所想
看一个用css3写幻灯片的demo用到了这么几个属性 一时半会儿理解不了,就查了下资料。 没想到,哪都有张鑫旭! http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/ ...
分类:Web程序   时间:2016-06-12 16:53:27    阅读次数:166
Kidney自得其乐版CSS教程 Chapter7 Transition&Animation
Chapter 7 Transition&Animation Version Update Note 1.0 2016-6-11 首次添加。欢迎在评论中指出错误,一经核实,立即修订,且注明贡献者。 1、transition transition的作用是在状态变化之间增加时间轴属性,使其呈现平滑过渡的 ...
分类:Web程序   时间:2016-06-11 22:56:57    阅读次数:231
css 动画 transform transition animation
1.transform transform 是通过在浏览器里面让网页元素 移动 旋转 透明 模糊 等方法来实现改变其外观的技术 -webkit-transform : translate(3em,0);想右移动3em,向下移动0em -webkit-transform : rotate(30deg) ...
分类:Web程序   时间:2016-06-11 14:29:32    阅读次数:194
css3 转换transfrom 过渡transition 和两个@
做了一个demo。用到一些css3的动画,还是不太熟练,总结了一下。 1、 -webkit-font-smoothing: antialiased; -webkit-font-smoothing: none: 无抗锯齿 -webkit-font-smoothing: subpixel-antiali ...
分类:Web程序   时间:2016-06-03 19:06:50    阅读次数:1633
UIKit视图动画的微扩展
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 好久没写blog了,还不快快写来… ;]我们知道在UIKit中做动画有几种方法,一种是Animation,还有就是Transition,前者根据对象的属性产生动画,后者则是通过View之间的操作完成动画.我们可以看一下UIViewAnimationOptio...
分类:其他好文   时间:2016-05-30 15:14:30    阅读次数:205
Bootstrap源码分析之transition、affix
一、Transition(过滤) 作为一个基础支持的组件,被其他组件多次引用。实现根据浏览器支持transition的能力,然后绑定动画的结束事件;首先:创建一个Element;然后:迭代查看此元素支持的transition动画名称Transition实现的技巧,主要是重写了jquery的event ...
分类:其他好文   时间:2016-05-29 22:50:11    阅读次数:161
css3 -- 过渡与动画
1、注意使用前缀 2、属性: transition-property:none/all/属性 3、持续时间: transition-duration:默认值是0,即使是负值,按照0进行处理 4、transition-timing-function:ease(默认值) / linear / ease- ...
分类:Web程序   时间:2016-05-29 15:08:50    阅读次数:217
移动页面100%自适应,媒体查询 - REM单位字体设置
/*媒体查询-字体设置*/ /*平滑过渡*/ html{-webkit-transition:font-size.2sease-out;transition:font-size.2sease-out;} /*设计稿宽度=640时,4rem=400px,1rem=100px,.5rem=50px,.1rem=10px以此类推*/ @mediascreenand(max-width:1280px){ html{font-size:200px;} } @mediascr..
分类:移动开发   时间:2016-05-27 18:45:47    阅读次数:638
border-radius结合transition的一个小应用(动画)
<head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ display:block; height:350px; width:250px; background:#ddd; curso ...
分类:其他好文   时间:2016-05-26 18:28:12    阅读次数:225
CSS3实践之路(六):CSS3的过渡效果(transition)与动画(animation)
刚开始W3C CSS Workgroup拒绝将CSS3 transition与animation加入官方标准,一些成员认为过渡效果和动画并非样式属性,而且已经可以用脚本实现。所以请大家明白,特别是Web前端开发员,用CSS3做一些过渡效果和动画,并不比运用JS脚本实现要好(个人认为:用CSS只不过让 ...
分类:Web程序   时间:2016-05-26 14:35:58    阅读次数:235
1184条   上一页 1 ... 70 71 72 73 74 ... 119 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!