web学习:03-CSS3背景与渐变

1.CSS3背景

1.1 背景图像区域





1.2 背景图形定位





1.3 CSS3背景图像大小

//cover 布局不会有留白



1.4 CSS3 多重背景图像
// 一般透明图放到前面，可以正确显示多重背景

1.5 CSS3 背景属性整合


//建议书写方式

2.CSS3 渐变

2.1 CSS3 渐变


2.2 CSS3 线性渐变



// 从上向下



// 从左向右


// 对角线




2.2.1 线性渐变 - 使用角度

2.2.2 线性渐变 - 颜色节点



// 透明渐变

// 重复渐变





霓虹灯效果

2.3 CSS3 径向渐变



// 默认渐变



// 设置形状

// 圆形渐变







// 重复渐变

3. IE渐变

// 颜色16进制



4. 渐变应用

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容