-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
