第14章 使用CSS3动画 【学习重点】 设计2D动画 设计3D动画 设计过渡动画 设计帧动画 能够使用CSS3动画功能设计页面特效样式 14.1 设计2D动画 CSS2D Transform表示2D变换，目前获得了各主流浏览器的支持；CSS3D Transform支持程度不是很完善，仅能够在部分浏 ...
分类：
Web程序 时间：
2017-12-08 14:17:15
阅读次数：
289
官网：https://daneden.github.io/animate.css/ animate.css 是一款跨浏览器的动画库。 使用方式： 在页面的 <head>中引入样式文件： 给你想要添加动画效果的元素加上 animated 样式，如果想要动画循环执行的话，你需要加上 infinite 样 ...
分类：
Web程序 时间：
2017-12-04 21:27:14
阅读次数：
228
【前言】 通过CSS3，我们能够创建动画，可以在许多场合下替代动画图片、Flash动画和JS 【CSS3的@keyframes规则】 @keyframes规则用于创建动画，在@keyframes中规定某项CSS样式，就能创建由当前样式主键变化成新样式的动画效果。 【兼容性】 IE10、Firefox ...
分类：
Web程序 时间：
2017-11-29 18:11:08
阅读次数：
187
过渡(在要进行改变的对象上写 -o-transition:all .3s ease-in-out ; -ms-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -webkit-transition:all .3s ...
分类：
Web程序 时间：
2017-11-21 14:53:06
阅读次数：
216
1、animation 动画 概念：当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器： 规定动画的名称 规定动画的时长 把 "myMove" 动画捆绑到 div 元素，时长：5 秒; 2、调用 ...
分类：
其他好文 时间：
2017-11-20 23:20:24
阅读次数：
248
/* animation */ .a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease; ...
分类：
Web程序 时间：
2017-11-18 20:05:58
阅读次数：
249
CSS动画简介 transition animation transition过渡：css3通过transitions属性引入时间概念，通过开始、结束状态自动计算中间状态，实现状态改变的过渡效果。 transition-property：应用过渡的css属性 transition-duration： ...
分类：
Web程序 时间：
2017-11-15 21:53:50
阅读次数：
213
1.当在 @keyframes 创建动画，把它绑定到一个选择器，否则动画不会有任何效果。 指定至少这两个CSS3的动画属性绑定向一个选择器： 规定动画的名称 规定动画的时长 div { animation: myfirst 5s; -webkit-animation: myfirst 5s; /* ...
分类：
Web程序 时间：
2017-11-12 18:39:30
阅读次数：
156
<!DOCTYPE html><html><head> <style> div { width:100px; height:100px; background:red; position:absolute; animation:myfirst 5s; -webkit-animation:myfirs ...
分类：
Web程序 时间：
2017-11-02 14:29:46
阅读次数：
565
关键帧动画animation、transform结合 ...
分类：
Web程序 时间：
2017-10-28 17:37:08
阅读次数：
176
