-moz- /* 火狐等使用Mozilla浏览器引擎的浏览器 */ -webkit- /* Safari, 谷歌浏览器等使用Webkit引擎的浏览器 */ -o- /* Opera浏览器(早期) */ -ms- /* Internet Explorer (不一定) */ 正在拼命加载中..... .... ...
分类:
Web程序 时间:
2018-05-03 12:05:33
阅读次数:
174
图片轮转切换效果 简介: CSS3动画相关的几个属性有:transition, transform和 animation。分别理解为过渡,变换和动画。 transition指过渡,就是从a点都b点,是有时间的,是连续的,一般针对常规CSS属性; transform指变换,如:旋转、缩放,偏移,与tr ...
分类:
其他好文 时间:
2018-05-01 23:54:18
阅读次数:
292
监测css3动画完成的事件 transitionend 用法: css3用AnimationEnd判断动画是否完成, css3在动画完成后执行事件 2014年08月16日 17:04:11 阅读数:59914 2014年08月16日 17:04:11 阅读数:59914 阅读数:59914 用css ...
分类:
其他好文 时间:
2018-05-01 20:52:39
阅读次数:
881
动画调用语法 animation: bounceIn 0.3s ease 0.2s 1 both; 按顺序解释参数: 动画名称 如:bounceIn 一周期所用时间 如:0.3s 速度曲线 如:ease 值 描述 linear 动画从头到尾的速度是相同的。 ease 默认。动画以低速开始,然后加快, ...
分类:
Web程序 时间:
2018-04-27 13:48:41
阅读次数:
542
一、什么是贝塞尔曲线 1962年,法国工程师皮埃尔·贝塞尔(Pierre Bézier),贝塞尔曲线来为为解决汽车的主体的设计问题而发明了贝塞尔曲线。如今,贝赛尔曲线是计算机图形学中相当重要的一种曲线,它能过优雅地模拟人手绘画出的线。它通过控制曲线上的点(起始点、终止点以及多个参考点)来创造、编辑图 ...
分类:
Web程序 时间:
2018-04-18 16:25:05
阅读次数:
520
效果:红色的字和背景从底部慢慢升起代码<style> .father { width: 300px; height: 280px; border: 1px solid #ccc; margin: 50px auto; } .father img{ width: 300px; height: 200p ...
分类:
Web程序 时间:
2018-04-12 18:01:51
阅读次数:
879
CSS3添加了几个动画效果的属性,通过设置这些属性,可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类:transform、transition以及animation。 transform rotate 设置元素顺时针旋转的角度,用法是: transfor ...
分类:
Web程序 时间:
2018-04-11 18:13:23
阅读次数:
227
css3动画:开始给图片加了个透明度opacity:0.9,给figure最外面容器加和图片颜色相近的背景色,比如这个加的是黑色,给div最开始加个旋转0度,划过360度,文字刚开始透明度0,划过透明度1 代码 ...
分类:
Web程序 时间:
2018-04-04 18:19:22
阅读次数:
192
CSS3 动画属性 语法:animation: name duration timing-function delay iteration-count direction; 下面的表格列出了 @keyframes 规则和所有动画属性: 在 @keyframes 中创建动画时,请把它捆绑到某个选择器, ...
分类:
Web程序 时间:
2018-04-04 12:53:11
阅读次数:
387
设置最外面的div小点,并且overflow:hidden,让ul足够大装满图片,放六张图,四张图一样,最后两张和前两张一样是为了防止会有跳动效果,让最后两张和前两张一样不会跳,-800px是左移4张 ...
分类:
Web程序 时间:
2018-03-29 13:33:20
阅读次数:
281