1.对于border-color这样的样式，document.getElementById('demo').style.borderColor='red';带横线的连起来去掉横线，从第二个字母开始大写。 2.换class类的操作，主要对于整体样式的应用，比如网页的换肤功能。 <!DOCTYPE ht ...
分类：
Web程序 时间：
2017-06-06 19:26:20
阅读次数：
229
插件描述：Animate.css内置了很多典型的css3动画，兼容性好使用方便。 Animate.css是一个有趣的，跨浏览器的css3动画库。很值得我们在项目中引用。 用法 1、首先引入animate css文件 1 2 3 <head> <link rel="stylesheet" href=" ...
分类：
Web程序 时间：
2017-06-04 11:50:33
阅读次数：
183
1.rotate: 旋转45度。 2.skew: 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同，rotate()函数只是旋转，而不会改变元素的形状。skew()函数不会旋转，而只会改变元素的形状。 3.sc ...
分类：
Web程序 时间：
2017-06-03 22:32:32
阅读次数：
451
一、直接上代码！下面这是效果图： 二、这个白色渐变闪过效果用CSS3做很容易也很方便，唯一不好的地方应该就是兼容问题了。所以现在一般都用在移动端上面了。 三、来啦来啦！(敲黑板) 我觉得代码注释已经比较清楚了，所以画画重点就好了！！！ 1、infinite 这是循环执行的属性，有了它，才能一闪一闪滴 ...
分类：
Web程序 时间：
2017-06-03 14:02:07
阅读次数：
269
<!DOCTYPE html> <!-- saved from url=(0036)http://y.qq.com/vip/promote_yearvip/ --> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content= ...
分类：
Web程序 时间：
2017-06-03 12:46:23
阅读次数：
298
Animate.css是由Dan Eden的Daniel Eden使用CSS3的animation制作的动画效果的CSS集合。 官网各种动画的演示地址：https://daneden.github.io/animate.css/ 它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、 ...
分类：
Web程序 时间：
2017-06-02 00:59:59
阅读次数：
389
近期工作时研究了一下css3动画和js动画。主要是工作中为了增强页面的趣味性，大家都有意无意的加入了非常多动画效果。当然大部分都是css3动画效果。能够gpu加速，这会降低移动端的性能需求。 今天主要说的是蜂窝效果。详细效果大家等下能够执行源代码。这里就不放gif图了。 css3的原理非常easy， ...
分类：
Web程序 时间：
2017-06-01 20:59:17
阅读次数：
754
CSS3 动画属性（Animation） CSS 背景属性（Background） CSS 边框属性（Border 和 Outline） Box 属性 Color 属性 ...
分类：
Web程序 时间：
2017-06-01 19:38:38
阅读次数：
207
目前对提升移动端CSS3动画体验的主要方法有几点：尽可能多的利用硬件能力，如使用3D变形来开启GPU加速 一个元素通过translate3d右移500px的动画流畅度会明显优于使用left属性；原因是因为： CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recompos ...
分类：
Web程序 时间：
2017-06-01 18:40:00
阅读次数：
260
前端思维导图 js变量 js运算符 js数组 js流程语句 js字符串函数 js函数基础 jsdom操作 js正则表达式 js数据类型 前端技术点总结： 基础篇 布局、自适应布局 webpack、gulp了解的程度，平时怎么使用的，常用的属性 css3动画 padding 和 margin 的百分比 ...
分类：
其他好文 时间：
2017-05-31 14:29:28
阅读次数：
360
