CSS3动画遵循@kwyframes规则，规定了动画的名称、时长。 1、示例代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3动画示例</title> <style> *{margin: 0;padd ...
分类：
Web程序 时间：
2017-08-19 11:09:57
阅读次数：
195
CSS3动画--过渡效果 transition 设置四个过渡属性 transition-property 过渡的名称 transition-duration 过度效果花费的时间 transition-timing function 过渡效果的时间曲线 transition-delay 过渡效果开始时 ...
分类：
Web程序 时间：
2017-08-19 00:52:54
阅读次数：
261
写旋转木马的时候，突发奇想想加个遮罩效果，那当然是用box-reflect属性了，然鹅，却被overflow：hidden坑了。。。。。。。 写的效果就是不出来，太任性了有木有，代码无误呀，也没报错，但是出不来效果肯定是有原因的，原来就是手残给包图片的li标签加了个overflow：hidden，也 ...
分类：
Web程序 时间：
2017-08-13 22:13:06
阅读次数：
283
前言 首先第一步，先布局html代码如下： 上面一看第一个图片img 就是实现图片模糊效果的DOM元素，text-gradient实现的是流彩文字效果的DOM元素，border实现的是边框伸展效果的DOM元素 想一想样式该咋写呢，根据这个布局，我们先来实现图片模糊效果。 图片模糊效果 图片模糊效果要 ...
分类：
Web程序 时间：
2017-08-10 19:47:00
阅读次数：
245
CSS3 动画 当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。 通过规定至少以下两项 CSS3 动画属性，即可将动画绑定到选择器： 规定动画的名称 规定动画的时长 把 "myfirst" 动画捆绑到 div 元素，时长：5 秒： 注释：您必须定义动画的名称 ...
分类：
Web程序 时间：
2017-08-05 21:58:15
阅读次数：
236
关键词：CSS介绍、CSS样式、CSS盒子模式、CSS定位、CSS3选择器、常见操作、CSS3动画、面向对象的CSS、双飞翼布局、HTML与CSS简单页面效果实例 ...
分类：
Web程序 时间：
2017-07-26 17:46:33
阅读次数：
161
怎么把body设置成跟浏览器一样的宽高， 因为body默认是没有高度的，如果你不设置body的宽高，有时你在注册body事件时，是不能注册的。 在css3中Background后面可以跟很多属性： Background-size：它是调整图片的大小的，它可以直接设置宽高，也可以设置两个特殊的值。Co ...
分类：
Web程序 时间：
2017-07-25 19:49:16
阅读次数：
222
animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效果，几乎包含了所有常见的动画效果。 查看演 ...
分类：
Web程序 时间：
2017-07-20 23:56:51
阅读次数：
235
jQuery插件是用来扩展jQuery原型对象的方法。本文搜集了用来为你的站点创建CSS3动画的一些jQuery插件。1. jQuery SmooveSmoove 简化了CSS3转换效果。使得页面向下滚动时网页内容能有一种滑入的动效。在线调试：http://wow.techbrood.com/fid ...
分类：
Web程序 时间：
2017-07-18 10:09:58
阅读次数：
196
