标签归档:CSS3

利用CSS3 gradient(渐变)函数实现渐变背景

CSS3 规范定义了两种类型的渐变,分别是线性渐变(linear-gradient)、径向渐变(radial-gradient)。在这之前要实现渐变背景的效果,通常需要用图片来实现。
CSS3 渐变背景在现代浏览器中基本得到了很好的实现,在 IE10 以上版本也得到了支持。而在低版本浏览器中需要添加 -webkit-、-moz- 或 -o- 前缀才能实现渐变的效果。 继续阅读

发表在 CSS | 标签为 , , , , , , , | 利用CSS3 gradient(渐变)函数实现渐变背景已关闭评论

CSS3阴影box-shadow属性使用总结

使用 CSS3 的 box-shadow 属性,可以实现给元素添加阴影的效果。
语法:

box-shadow: offset-x offset-y blur spread color inset;

继续阅读

发表在 CSS | 标签为 , , , , | CSS3阴影box-shadow属性使用总结已关闭评论