网站首页 > 知识剖析 正文
background-image: linear-gradient(0deg, #fff 0%,#000 100%);
上面是主代码,括号内的0deg是角度,后面跟着一个颜色和颜色开始的位置,后面跟着另一个颜色和颜色结束的位置,可以写很多个颜色,标注好位置就好。
样式1
- background-image: linear-gradient(160deg, #b100ff 20%,#00b3ff 80%);
样式2
background-image: linear-gradient(160deg, #ff0064 20%,#ca00ff 80%);
样式3
background-image: linear-gradient(160deg, #0078ff 20%,#002abb 80%);
样式4
background-image: linear-gradient(160deg, #00ffd5 20%,#008cff 80%);
样式5
background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);
样式6
background-image: linear-gradient(160deg, #a200ff 20%,#cf3700 80%);
猜你喜欢
- 2025-05-08 Flet布局控件19个大汇总(flex布局菜鸟教程)
- 2025-05-08 水性防老剂使用中的常见问题-深圳宏元化工原料
- 2025-05-08 非常实用!AutoCAD辅助绘图从新手到高手
- 2025-05-08 JimuBI 积木报表 v1.9.5 发布,大屏和仪表盘,免费数据可视化
- 2025-05-08 9个超高质量设计素材网站(设计类素材网站)
- 2025-05-08 巧用 CSS 实现酷炫的充电动画(充电动画耗电吗)
- 2025-05-08 渐变色花束盆栽制作图解教程(渐变色的花朵怎么画 作品)
- 2025-05-08 优作 | 渐变色阶风格APP今年会开始引领潮流吗?
- 2025-05-08 SVG 径向渐变(径向渐变颜色设置)
- 2025-05-08 我用提示词做了一份社群日报,记录下我们在AI世界的每一份努力!
- 08-0612 个最佳 JavaScript 动画库,让您的 Web 页面动起来
- 08-06HTML 二次函数图像动画展示
- 08-06UnoCSS 内置的动画
- 08-06炫酷的CSS3 loading加载动画,总有一款适合你
- 08-06想要开发更好的Python项目,代码质量是关键
- 08-06想要入门学好Python编程,先从这几本书开始
- 08-06甲方VS程序员精彩画面鉴赏
- 08-06后端语言性能排行,哪种语言最快,为什么?
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)