CSS3圆角属性在Firefox,Chrome,Safari的实现目前我们已经可以在Firefox,Chrome,Safari实现这个功能了，但他们也还是使用私有属性来实现，用法上略有区别。先说一下Firefox的圆角属性：-moz-border-radius: {1,4} | inherit如果你想设置四个角都是一样圆角的话，可以像这样子直接设置-moz-border-radius:5px;也可以单独设置元素的上左、上右、下右、下左四个角的值，分别用-moz-border-radius-topleft、-moz-border-radius-topright、-moz-border-radiu Read More
上一篇文章介绍了css3的渐变色属性，今天带来CSS3渐变特性的应用。可以去看一组按钮，我只用了 CSS创建完成的渐变按钮(不需要图片和Javascript)。 这些按钮可以根据字体的大小伸缩。当填充和字体大小发生变化时，这些按钮的大小可以容易地适应。 这种方法最好的部分就是能被应用于任何HTML元素，比如 div, span, p, a, button, input, 等等。为什么这些按钮如此的酷?纯 CSS: 没有图片和Javascript的应用。渐变可以跨浏览器应用 (IE, Firefox 3.6, Chrome, and Safari).灵活和可扩展: 通过改变字体大小和填充值,按钮 Read More
CSS的渐变特征介绍了WebKit的约两年前，但由于很少使用与大多数布尔斯互不兼容。但现在的Firefox 3.6 +，支持渐变，我们可以创造风格，而不必创建一个图像渐变。这个职位将告诉你如何为CSS代码渐变要由主要浏览器：IE浏览器，火狐3.6 +，Safari和Chrome的支持。此外，还有我的下拉菜单（demo）使用CSS渐变。对于WebKit的浏览器下面的代码top (#ccc) to bottom (#000).它会显示一个线性渐变如Safari，Chrome等WebKit的浏览器background: -webkit-gradient(linear, left top, left Read More