码迷,mamicode.com
首页 >  
搜索关键字:trasition    ( 6个结果
核心动画与UIView
CGPoint accountCenter =firstBtn.center; CGPoint psdCenter = secondBtn.center; accountCenter.x -= 600; psdCenter.x -= 600; firstBtn.center = accountCen ...
分类:其他好文   时间:2017-06-28 10:53:37    阅读次数:176
2D缩放
1.缩放:trasition-origin:left bottom;变化默认仍然是元素的中心点进行缩放,但可以设置变化的中心点 位置,同时按照中心点缩放,正数和负数变化没有区别; 但是中心点缩放,正数和负数的方向就相反了。 2.trasition:scale(3);(几倍) 背景音乐: <sourc ...
分类:其他好文   时间:2017-06-18 18:10:52    阅读次数:135
CSS3过渡
1.过渡:只是一个瞬间的动作,只得到最后的效果。(由开始到结束,没有过程)。 2.过渡的设置: a.过渡的效果: trasition-property:all;参与过渡的属性。(设置哪些实现过渡效果,all代表所有属性)。 trasition-duration:5s;持续的时间。(过渡效果持续改变的 ...
分类:Web程序   时间:2017-06-18 18:10:29    阅读次数:254
Headroom.js插件用法
一、Headroom.js是什么?Headroom.js是一个轻量级、高性能的JS小工具(不依赖不论什么工具库。),它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。二、Headroom.js有什么用?固定页头(导航条)能 ...
分类:Web程序   时间:2017-05-01 12:01:19    阅读次数:225
trasition过度效果
<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style>body{font-family:myfamily;font-size:20px;}@font-face{font-family:myfamily;/*字体自定义名称,便于引用*//*自定义字体*/src:url("res/font.TTF..
分类:其他好文   时间:2016-11-24 00:17:50    阅读次数:220
trasition,transform,旋转
<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style>body{margin:100px;}.div1{width:200px;height:150px;transform:rotate(30deg);background-color:antiquewhite;color:chartreuse;}.div2{width:800..
分类:其他好文   时间:2016-11-23 23:59:12    阅读次数:373
6条  
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!