代码之家 › 专栏 › 技术社区 › Honza Synek

带3个方向的css背景

linear-gradients background css

-1

Honza Synek · 技术社区 · 6 年前

是否可以在CSS中创建具有3种颜色和3个方向的背景? 我是CSS渐变的初学者。

1 回复 | 直到 6 年前

Temani Afif 6 年前

这里有一个解决方案 一个div 和多重渐变,无需复杂化变换或负边距:

.box {
  width:200px;
  height:200px;
  background: 
  linear-gradient(150deg,#0c13a2 35%,transparent 35.5%),
  linear-gradient(-120deg, #000000 50%, #c70535 50.5%);
}

<div class="box">
</div>

推荐文章

Nora PÄ« · 统一问题在2d精灵后面排序立方体

1 年前

Codename K · VB6-如何使窗体排在第二位?

6 年前

Tobias von Falkenhayn · 如何为无休止的滚动回收视图绘制背景

6 年前

uzi_no_uzi · 如何修复背景位置的错误?

6 年前

EagerToLearn · .Net控制台应用程序在后台运行

6 年前

Eric Chong · Swift中所有视图控制器的背景图像相同

6 年前

Zhihar · css:带背景的选项卡样式边框

6 年前

Amine Messaoudi · icepdfcore使JFrame在后台保持打开状态

6 年前

Lukasz · WORDPRESS-不需要的HTML按钮背景色

6 年前

Jorge · div上的方形图案作为背景(使用纯CSS)

6 年前