这19种风景树和草轮廓的笔刷完全免费奉献给大家，这是从国外一个前端人员的博客上获得的，据他本人所说，这些素材来自于他亲自骑着自行车出去摄影采集而来。 国内的素材网站往往难以找到这种优雅的素材。 就图片本身而言，似乎充满了哥特式的暗黑风格。 原文

这篇教程中，我将给大家展示表单元素下拉选择框select的CSS替代方案。该方法采用css来实现，看上去非常简单。

本文为你介绍一个时尚的显示与隐藏图片文字说明的动画效果。当鼠标悬停在一张图片上的时候，包含作者信息、超链接、图片标题的说明内容将会显示出来，显示过程中会有多种特效。某些效果会用到3D transform。我们的目的是是显示效果有着微妙的变化，同时激发

上篇文章介绍了 CSS3 线性渐变（linear-gradient） ，这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。在以前，渐变效果和阴影、圆角效果一样都是做成图片，现在 CSS3 可以直接编写 CSS 代码来实现。 CSS3 径向渐变和线

CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用 CSS3 Gradient，我们需要先了解一下目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、W

CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的值，虽然在CSS3中没有专门注明渐变是针对background的，但是目前我所了解到的是只有background才会应用渐变属性（ background

Transform：对元素进行变形； Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。 Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多

响应式布局是 Ethan Marcotte在2010年5月份提出的一个概念 ，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念可以说是是为移动互联网而生的！ Responsive Web Design可以为不同终端的用户提供更加舒适的界面和更好的

最近在研究响应式web设计，发现其实这东西其实挺难的，Media Queries和Viewport这两个概念就让人非常头疼，到底是只用其中一种就行，还是两者必须配合起来用，正在困惑的时候，发现了以下这篇文章，虽然没有全懂，但是似乎了解又更近一步了。原文如下： ----