摘要：
实现div上下跳动时，底部阴影随着变化 阅读全文
摘要：
背景颜色线性渐变【 linear-gradient】 语法： background:linear-gradient(起点，起点颜色，过度色[可选]，终点颜色); 起点：top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。 过度色：可以插入多个，表示多种颜色的渐变 阅读全文
摘要：
概念 CSS3滤镜（CSS3 Filters）是CSS3的新增的一个魔法属性，可以对网页元素添加神奇图像处理效果，类似Photoshop里面的滤镜。 滤镜可以实现图像、背景、边框的模糊、颜色调整，语法与IE的filter截然不同 设置元素的滤镜效果 语法 filter-element { filte 阅读全文
摘要：
一、用途 CSS3裁剪与遮罩（Clipping and Masking）用来隐藏元素的一部分而显示另一部分 二、区别 CSS3裁剪与遮罩（Clipping and Masking）用来隐藏元素的一部分而显示另一部分 三、裁剪 3.1属性一览 3.1.1clip 语法 clip: auto | rec 阅读全文
摘要：
概念 CSS3混合模式（ CSS Blend Modes ）是CSS3新增的一个魔法特性，可以允许多个背景或多个元素进行混合，类似于Photoshop的图层混合模式 CSS3混合模式属性一览 background-blend-mode background-blend-mode ： <blend-m 阅读全文
摘要：
CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性，像transform和border-radius，我们可以创建非常漂亮和复杂的图形效果。 圆形 阅读全文
摘要：
简单而言,这东西就是自动加前缀的,在link中，或是style中，或是dom元素的style中书写CSS3 code，或是jQuery .css()方法此脚本会自动补上需要的前缀，让响应的浏览器支持该CSS3属性 避免了一些老长的浏览器前缀兼容性,比如: 使用方法: 1.在文档开始头部调用; <sc 阅读全文
摘要：
注意 本文所实现的功能，在浏览器的支持上并不好，除chrome浏览器外其余的大部分浏览器均不支持，虽然可以使用polyfill解决，但也不能很好的支持，有时也会出错 polyfill使用方法 下载polyfill，将其放入工程中，然后引用就可以了：<script src='js/shapes-pol 阅读全文
摘要：
html css 注意：要将计数器应用在哪个元素上，就在其父元素定义计数器，如果并列有多个元素，那么在这几个元素共同的父元素定义计数器，如本例中有多个section，如果需要每个section都使用计数器，那么就需要将计数器定义在body上；再举个例，本例中给figure标签使用计数器，将计数器定义 阅读全文
摘要：
概念 CSS3计数器（CSS Counters）可以允许我们使用css对页面中的任意元素进行计数，实现类似于有序列表的功能（自定义有序列表） 与有序列表相比，它的突出特性在于可以对任意元素计数，同时实现个性化计数 使用计数器步骤 计数器属性 counter-reset：定义计数器，包括初始值、作用域 阅读全文