perspective 属性定义 3D 元素距视图的距离，以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。注意的是 这个属性 和transform: translateZ(20em), 结合的使用的时候效果更加不错。 试着做了一个跳动的效果，看着还错，呵呵 视觉 ...
分类：
Web程序 时间：
2015-11-03 10:33:45
阅读次数：
184
InContent是一款效果非常炫酷的CSS3鼠标滑过图片遮罩层动画特效。这组特效共有12种不同的鼠标滑过图片效果，分为滑动、旋转和翻转3大类。它可以在支持CSS3 transition和transform属性的现代浏览器中正常工作。在线预览源码下载使用方法使用该CSS3鼠标滑过图片遮罩层动画特效需...
分类：
Web程序 时间：
2015-11-02 09:06:52
阅读次数：
412
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}...
分类：
Web程序 时间：
2015-10-30 18:41:52
阅读次数：
203
H5结构知识点一：body,nav,section需要h1-h6; header,div不需要h1-h6. h5结构测试网站：https://gsnedders.html5.org/outliner/移动端么meta格式：移动端要加的标签移动端图片自适应css(配合上述标签使用):img{displ...
分类：
Web程序 时间：
2015-10-25 12:03:17
阅读次数：
266
经常在网站上看到有一些非矩形的图片展示。在以前可能我会毫不犹豫的直接放上张处理好的图片。但是这样的话确实有些不太友好。每每需要换图的时候，都要去开图像处理软件也是蛮拼的。自从有了css3的选装，妈妈就再也不用担心我不会用ps了。通过一系列的旋转和隐藏的css，理论上可以做出任何形状的图片来。今天在此...
分类：
Web程序 时间：
2015-10-22 14:18:20
阅读次数：
204
实现原理原理非常的简单，在这个方案中，最主要使用了CSS3的transform中的rotate和CSS3的clip两个属性。用他们来实现半圆和旋转效果。半环的实现先来看其结构。HTML 0%结构非常简单。这样的结构，大家一看就清楚。CSS.pie_right { width:20...
分类：
Web程序 时间：
2015-10-22 12:03:57
阅读次数：
216
定义和属性transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。注：opela不支持3D转换 IE9以上浏览器支持支持translate3d（x,y,z） 3d平移变化 x y z 是指平移的像素rotate3d(x,y,z,angle)3d 旋转...
分类：
Web程序 时间：
2015-10-21 15:48:24
阅读次数：
199
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，...
分类：
Web程序 时间：
2015-10-21 10:28:15
阅读次数：
235
css3动画效果做css3的动画效果，w3c的文档的文档已有事例。动画事例，也是看了半天才搞出来。下面我就是结合个人理解进行介绍。最后个人做的一个动画democss3的动画事例主要需要理解animation：可以算是动画的声明部分。你可以把动画属性的内容全部写到后边，动画的属性主要有..
分类：
Web程序 时间：
2015-10-20 19:38:41
阅读次数：
189
复习巩固一下css3的nth-child()的用法。2015-10-201 W3C上的定义：:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。2 用法实例 a 用在对元素的特定的子元素进行处理， 比如p:bth-child(3...
分类：
Web程序 时间：
2015-10-20 12:04:28
阅读次数：
2704
