CSS Visual ToolsLesson 87Preview gratis
CSS Blob Generator
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
CSS blob generator membantu membuat bentuk organik yang tidak beraturan untuk dekorasi latar atau ilustrasi. Bentuk dapat dibentuk dengan border-radius delapan nilai atau dengan path SVG. Blob biasanya diberi warna lembut dan kadang dianimasikan agar terasa hidup.
Poin kunci
- Blob adalah bentuk organik dengan sudut tidak simetris
- border-radius delapan nilai dapat membentuk blob tanpa gambar
- Garis miring memisahkan radius horizontal dan vertikal
- Path SVG memberi kontrol bentuk yang lebih presisi
- Tandai blob dekoratif dengan aria-hidden agar tidak mengganggu pembaca layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.