Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

css3 渐变

作者:佳凝皓月   发布日期:2025-09-16   浏览:29

/* CSS3 线性渐变示例 */
.linear-gradient {
  background: linear-gradient(to right, red, yellow);
}

/* 解释说明:
1. `linear-gradient` 函数用于创建一个线性渐变。
2. `to right` 表示渐变方向是从左到右。
3. `red` 和 `yellow` 是渐变的起始颜色和结束颜色。
*/

/* CSS3 径向渐变示例 */
.radial-gradient {
  background: radial-gradient(circle, blue, green);
}

/* 解释说明:
1. `radial-gradient` 函数用于创建一个径向渐变。
2. `circle` 表示渐变形状为圆形。
3. `blue` 和 `green` 是渐变的起始颜色和结束颜色。
*/

上一篇:css initial

下一篇:css 遮罩层

大家都在看

css好看的字体

css 红色

css 瀑布流布局grid

css文字超长省略号

css 渐变字体

css背景图片等比例缩放

css文字删除线

animation css3

css 自定义滚动条

css 扇形

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站