Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Three gradient types at a glance */ .linear { background: linear-gradient(135deg, #667eea, #764ba2); } .radial { background: radial-gradient(circle at center, #4fc3f7, #0d47a1); } .conic { background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red); border-radius: 50%; }
Result
Open