摘要:
CSS3动画分为二部份: 1、定义动画行为: 使用@keyframes定义动画行为,有两种方式: 方式一:仅定义动画起始样式,与动画结束样式 方式二:定义动画进展中的每步样式,百分比表示动画执行的进度百分值 2、定义动画执行方式。 将动画的行为附加到元素上,使其按照此规则执行动画效果,但我们还要给动 阅读全文
posted @ 2018-06-29 17:47
1024记忆
阅读(175)
评论(0)
推荐(0)
摘要:
box-shadow 用于设置边框阴影,语法: 如果要实现四边相同阴影效果,只设置阴影模糊半径和阴影颜色,比如: box-shadow: 0 0 10px #06c; 各参数说明如下: 阅读全文
posted @ 2018-06-29 15:09
1024记忆
阅读(172)
评论(0)
推荐(0)
摘要:
CSS3的 transition 属性用于状态过度效果! 1、语法: 上以语法兼容各浏览器。 2、transition含有四个部份设置,各部份设置如下: a) property :规定设置过渡效果的 CSS 属性的名称,可选值如下: 比如: transition: width 3s; 只让宽度产生动 阅读全文
posted @ 2018-06-29 11:52
1024记忆
阅读(383)
评论(0)
推荐(0)
摘要:
WOW.js 是一个非常轻量级的动画效果插件,使用它可以组合多种炫酷的效果。 使用WOW.js可以实现我们在网站上常看到的,页面滚动到指定区域时就显示动画的效果。 1、要使用WOW.js必须引入:WOW.js 、animate.css,文件请自行百度下载。 2、给要进行动画的元素加上相应的属性,以配 阅读全文
posted @ 2018-06-29 10:54
1024记忆
阅读(482)
评论(0)
推荐(0)

浙公网安备 33010602011771号