Loading...
2D转换转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式，配合即将学习的过渡和动画知识，可以取代大量之前只能靠Flash才可以实现的效果。在css3 当中，通过transform(变形) 来实现2d 或者3d 转换,其中2d 有，缩放，移动，旋转。缩放 scale(x, y) 可以对元素进行水平和垂直方向的缩放，x、y的取值可为小数，不可为负值；移...
transition语法：transition:param1 param2param1 要过渡的属性param2 过渡的时间.过渡是CSS3...
背景在CSS3中也得到很大程度的增强，比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。background-size:width,height 可以设置背景图片的宽度以及高度background-size设置背景图片的尺寸 background-size: 100% auto; 自动是适应盒子的宽度，当宽度发送改变时，高度会有内容溢出。 常规用法：通过百分百，和像素来调整背...
渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。线性渐变 （gra...
描述：用CSS绘制的机器猫，眼镜会动样式：示例代码：<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>机器猫<...
效果图：示例代码：<!DOCTYPE html> <html lang="en"> <head> ...
用CSS实现安卓机器人所用的技术就是伪类::before和::before，以及定位，圆角 border-radius实现效果如下：实现代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title...
边框圆角border-radius每个角可以设置两个值 ，x 值，y值。边框阴影box-shadow 与 text/shadow 用法差不多取值：1、水...
text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。1、水平偏移量 正值向右 负值向左；2、垂直偏移量 正值向下 负值向上；3、模糊度是不能为负值；4、可以设置多个阴影,每个阴影之间使用逗号隔开.注意：可以有多个影子.案例：凹凸文字效果<!DOCTYPE html> <html lang="en"> <head> ...
颜色控制RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间。虽然它有的时候被描述为一个颜色空间CSS3新增了RGB...
