CSS Tool
CSS Gradient Generator
Tạo CSS gradient trực quan, nhiều color stops, copy CSS nhanh
Angle
Góc90°
Color Stops
Stop 1
Position0%
Opacity100%
Stop 2
Position100%
Opacity100%
Live Preview
background: linear-gradient(90deg, rgba(102, 126, 234, 1.00) 0%, rgba(118, 75, 162, 1.00) 100%);
💡 Mẹo sử dụng
- • Linear: gradient theo đường thẳng
- • Radial: gradient hình tròn từ tâm
- • Conic: gradient xoay vòng tròn
- • Thêm nhiều color stops để tạo hiệu ứng phức tạp