接上一篇文章《一些惊艳的 CSS3 之一》 三. 多重背景 多重背景并没有使用新增的 CSS3 属性，而是在我们都很熟悉的 background-image 作出调整，支持同时使用多个图片，例如：传统来说，为元素设置背景图会像如下设置： #demo {background: url(bg1.png) no-repeat; } 但是在 CSS3 中，设计师可以同时为一个元素指定多个背景，例如： #demo...
Read More –>最近对一些 CSS3 的新特性作出了不少的介绍说明，这些内容大多都是 CSS3 中相对比较普及的内容，其实 CSS3 还有很多很酷的特性，只是这些特性在浏览器支持和网站的具体使用上比较逊色，但是仍具有不少的魅力，今天这篇文章要介绍的就是几个比较酷而相对介绍较少的 CSS3 特性。 一. 边框新特性 在 CSS3 中，border 增加了两个新的特性，一是边框图片，而是在边框颜色中使用渐变色。 边框图片利用 borde...
Read More –>除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外，CSS3 还有一种自由度更大的自定义动画，开发者甚至可以使用变形（transformation）和转换（transition）制作自定义动画，利用纯 CSS 制作出像 Flash 一样的效果。在实际使用中不难发现，变形和转换更适合做元素的交互，而自定义动画除了做交互外还能使到网页具有活力，有了自定义动...
Read More –>在 Kayo 之前所写的一篇文章《CSS3的变形与过渡样式》中，曾经对 CSS3 的变形 (transformation) 和转换 (transition) 作出详细介绍，但关于变形的部分内容仍可以扩展说明一下，因此写了本文补充一下变形的相关内容。 在前文中，已经说明了 transform 属性的两个用法 rotate 和 scale ，分别用于对象的旋转和缩放，具体的内容可以阅读前文。而现在要补充说明的，是 tra...
Read More –>对于设计师来说，阴影可以说是一个很常用的效果，它可以直观地突显一个元素，用在网页设计上也非常适合。在 CSS3 阴影效果出现之前，开发者只能通过图片在网页表现阴影，尤其对于阴影文字，使用图片表示是很常见的方式，而在 CSS3 阴影出现后，设置元素的阴影将会变得轻松，下面详细介绍 CSS3 阴影。 一. CSS3 阴影基础 在 CSS3 中，阴影相关的具体属性有 text-shadow 和 box-shadow ，分别...
Read More –>在 CSS3 中，增加了一个 opacity 属性，允许开发者设置元素的透明度，现在 opacity 已被主流的现代浏览器支持，但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度，这样的透明规则相当不灵活，在实际开发中往往也是会遇到很多麻烦。其实，在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa 。相对于 opacity ，RGBa 可以在单个元素上设置透明度，而不影响其子元素，只是 R...
Read More –>一些 Kayo 首次遇到的 CSS3 与 HTML5，仅记录下来。 HTML5 新的 Input 类型 email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color 一些 HTML5 新标签 section 标签定义文档中的节（section、...
Read More –>作为最新版的 CSS ， CSS3 就像传说中的一样，的确很神奇，配合 HTML5 后可以直接忽略 flash 了！不过杯具的是只有 chrome 、 Firefox 、 safari 等现代浏览器部分支持 CSS3 ,因此做正式站点的话还不能大规模的使用。但是在网站的某些部分使用一些CSS3却能很好的增强网页的画面效果，比如 Melody 的评论者头像就使用了 CSS3 的图片悬停动画，在不支持 CSS3 的浏览器...
Read More –>