PageSlider中CSS3动画在除首屏之外先加载页面后执行动画的问题，PageSlider中加入CSS3动画的话，默认只有首屏是从无到有执行动画，其他屏都是显示下页面再执行动画 这就造成其他屏的动画展示效果不好，解决方法，让所有屏的背景可见，但是只要当前屏的元素可见; 上代码： .page { ...
分类：
Web程序 时间：
2017-05-13 17:02:02
阅读次数：
351
<!doctypehtml><htmllang="en"><head> <metacharset="UTF-8"> <title>动画初识</title> <styletype="text/css"> *{ padding:0; margin:0; } li,ul,a{ text-decoration:none; list-style:none; } #parent{ width:100%..
分类：
Web程序 时间：
2017-05-12 13:19:38
阅读次数：
167
前几天做了一个H5项目，过程挺坎坷的，结束的时候差点把我吓傻。总结了一些心得和注意事项在这里记录下来，避免以后犯同样的错误。 这个项目比较紧，面板的时间只有1.5天（实际所用时间3天，加班啦，我的周末……），客户的需求是通过一个通过css3动画和明星视频把客户吸引到广告页面。另外客户要求埋点，接入他 ...
分类：
Web程序 时间：
2017-05-11 18:29:50
阅读次数：
218
写法： transition: <过渡属性名称[color]> <过渡时间[1s]> <过渡模式[inline]>, <过渡属性名称> <过渡时间> <过渡模式>, ... 或者 transition: <过渡属性名称> <过渡时间> <过渡模式>; transition: <过渡属性名称> <过渡 ...
分类：
Web程序 时间：
2017-05-11 11:29:23
阅读次数：
212
利用CSS中animation为元素添加动画，代码格式为： animation:动画名 .75s infinite;-webkit-animation:动画名 .75s infinite; /*Safari and Chrome*/ 第二句是为了兼容谷歌浏览器等，在指定动画时需要将元素指定为相对定位 ...
分类：
Web程序 时间：
2017-05-09 19:39:51
阅读次数：
195
最近杂七杂八的事情很多，很多知识都没来得及总结，是时候总结总结，开启新的篇章～ 本篇文章不一一列举CSS3动画的属性，若需要了解API，可前往 MDN 在开始栗子前，我们先补补基础知识。 css3动画分类： 补间动画 – 具有连贯性的动画 逐帧动画 – 使用steps过渡方式实现跳跃 补间动画 – ...
分类：
Web程序 时间：
2017-05-09 11:29:47
阅读次数：
290
主 题 今天手把手教大家用CSS3制作圆形滚动进度条动画，想不会都难！那么，到底是什么东东呢？先不急，之前我分享了一个css实现进度条效果的博客《CSS实现进度条和订单进度条》，但是呢，那篇博客只是制作出来效果而已，并没有动画效果，因为当时正期末复习期间，所以就省了制作动画的时间成本。所以，今天就一 ...
分类：
Web程序 时间：
2017-05-08 16:08:06
阅读次数：
267
https://daneden.github.io/animate.css/ https://minimamente.com/example/magic_animations/ http://isux.tencent.com/css3/tools.html 直接下载引入css 标签内加入类名 <di ...
分类：
Web程序 时间：
2017-05-07 12:52:10
阅读次数：
270
--> #blue_check_td{ margin: 0 auto 0 auto; text-align: center; } .blue_check_div{ position: relative; overflow: hidden; display: inline-block; } .blue... ...
分类：
Web程序 时间：
2017-05-04 20:13:41
阅读次数：
198
问题 最近在使用background-image属性来实现CSS3的逐帧动画时，碰到了个问题。在chrome浏览器上，background-image属性是支持css3动画的，但是到了firefox上，就完全看不到任何动画。 原因 通过网上查找，才发现W3C标准中明确background-image ...
分类：
Web程序 时间：
2017-05-02 16:46:41
阅读次数：
208
