Comments (0)
CSS
px
%
width: 300px; height: 300px; background: linear-gradient(60deg, rgb(36 255 207 / 1) 0%, 50%, rgb(255 255 255 / 0) 50%) 146px 67px / 100px 170px no-repeat no-repeat, /* Right Side */ linear-gradient(-60deg, rgb(36 255 207 / 1) 0%, 50%, rgb(255 255 255 / 0) 50%) 47px 67px / 100px 170px no-repeat no-repeat; /* Left Side */

Equilateral Triangle

Yoav Kadosh

A triangle shape made of two linear gradients

shapetriangleequilateral

Colors

Views

2,880

Layers

2
Open in editor
Layers (2)
Right Side
linear
Left Side
linear

Explore

Community

Social

Advanced CSS Gradient Editor
© 2025 GradientArt
Designed & Developed by Yoav Kadosh