Loading...
渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。线性渐变 （gradient 变化）linear-gradient线性渐变指沿着某条直线朝一个方向产生渐变效果。background:linear-gradient( To right 表示方向 (left,top,right,left ,也可以使用度数`3...
描述：用CSS绘制的机器猫，眼镜会动样式：示例代码：<!DOCTYPE html> <html lang="z...
效果图：示例代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图形</title> <style> body, ul, li, dl,...
用CSS实现安卓机器人所用的技术就是伪类::before和::before，以及定位，圆角 border-radius实现效果如下：实现代码如下：<...
边框圆角border-radius每个角可以设置两个值 ，x 值，y值。边框阴影box-shadow 与 text/shadow 用法差不多取值：1、水平偏移量， 正值向右 负值向左；2、垂直偏移量， 正值向下 负值向上；box-shadow: 5px 5px 27px red, -5px -5px 27px green;3、模糊度是不能为负值；4、inset可以设置内阴影；设置边框阴影不...
CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。bo...
text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。1、水平偏移量 正值向右 负值向左；2、垂直偏移量 正值向下 负值向上；3、模糊度是不能为负值；4、可以设置多个阴影,每个阴影之间使用逗号隔开.注意：可以有多个影子.案例：凹凸文字效果<!DOCTYPE html> <html lang="en"> <head> ...
颜色控制RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的色彩空间。虽然它有的时候被描述为一个颜色空间CSS3新增了RGB...
描述：每一段的第一个字变大下沉，每一段的第一行的文字颜色发生改变，无论屏幕多大，每一行显示多少文字，都是第一行文字颜色发生改变。鼠标选中文字之后，文字的样式发生改变。示例代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
CSS3新增了许多灵活查找元素的方法，极大的提高了查找元素的效率和精准度。CSS3选择器与jQuery中所提供的绝大部分选择器兼容。属性选择器其特点是通过...
