css3 transition(过渡)1.语法: transition:[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ trans...
分类:
Web程序 时间:
2014-09-14 14:01:37
阅读次数:
369
1、1、transition语法:transition:[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ][ transition-p...
分类:
Web程序 时间:
2014-09-14 11:15:26
阅读次数:
251
Transform:对元素进行变形;Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。可以设置多个关键贞。精心开发5年的UI前端框架! Transition与Animation:transition需要触发一个事件 ,而a...
分类:
Web程序 时间:
2014-09-11 17:22:52
阅读次数:
239
火狐中文网图片效果:[http://i.firefoxchina.cn/?www.firefoxchina.cn].news-img-wrapper:hover img {transform: rotate(5deg) scale(1.2);transition: all 0.3s linear 3...
分类:
Web程序 时间:
2014-09-09 12:24:38
阅读次数:
179
最近学习了jQuery,css3相对用得较少,众所周知css3在对浏览器有所要求,为了自己设计的网页能更好的满足大部分浏览器,所以很多时候要做动画,都考js来实现,恰好jQuery能对浏览器的很好兼容,所以最近都避开css3。但是css3总有一天会有广泛使用,顾名思义,我很还是得学习,接下来我对.....
分类:
Web程序 时间:
2014-09-09 11:37:48
阅读次数:
232
1、 放大图片:/*galleryImage css*/ a.galleryImage{ display:block;}.galleryImage img{ transition:all .4s ease-out;-webkit-transition:all .4s ease-out;}.galle...
分类:
Web程序 时间:
2014-09-04 09:35:17
阅读次数:
168
请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。注释:本例在 Internet Explorer 中无效。
分类:
Web程序 时间:
2014-09-02 17:43:15
阅读次数:
401
最近学习CSS的过程中,发现了不少有用的东西。包括一些神奇的,纯CSS的特效,只需简单的几笔即可完成jQuery实现的效果。CSS 3 中提供了一种属性,Transition(变换),这种属性能够实现在元素的某些属性的数值发生改变时产生过渡的效果。比如长度增加,能产生类似拉长的动画效果;颜色改变时,...
分类:
Web程序 时间:
2014-09-01 15:28:23
阅读次数:
473
本功能比较简单,就是一个大幕,左右滚动播放图片。
关键点在于如何实现平滑的滚动,包括动画效果,3d效果等。
img {
position: absolute;
top:200;
left:400px;
/* border: 1px solid #333;*/
padding: 2px 5px 2px 5px;
-webkit-transition:ease all 0.7s;
...
分类:
其他好文 时间:
2014-08-29 11:03:27
阅读次数:
196
类似Page Header, Breadcrumbs, Dropdowns等,都是Bootstrap的组件,是静态的。如果涉及到交互,Bootstrap提供了插件。这些插件包括: ○ 过渡效果: bootstrap-transition.js○ 模态对话框:bootstrap-modal.js○ 下...
分类:
其他好文 时间:
2014-08-24 14:03:52
阅读次数:
207