เครื่องสร้างรูปบล็อบ

คู่มือรูปบล็อบ

บล็อบคือรูปทรงออร์แกนิกนุ่มนวลขอบไม่สม่ำเสมอแต่ลื่นไหล — เทรนด์การออกแบบเบื้องหลังพื้นหลังฮีโร อวตาร และตัวแบ่งส่วนนับไม่ถ้วนตั้งแต่ปี 2020 เคล็ดลับ CSS คลาสสิกใช้ border-radius แปดค่าเพื่อดัดสี่เหลี่ยมธรรมดาให้เป็นรูปทรงออร์แกนิก

คลิกสุ่มเพื่อสร้างรูปทรงใหม่ ลากแถบความโค้งให้ขอบกลมขึ้นหรือแปลกขึ้น และเลือกสี คัดลอกโค้ด border-radius ลง CSS ได้โดยตรง — ไม่มีรูปภาพ ไม่มีไฟล์ SVG ตอบสนองเต็มรูปแบบ

Pro Tips

• บล็อบดูดีที่สุดในขนาดใหญ่พร้อมการไล่ระดับนุ่มนวล ใช้บล็อบเป็นพื้นหลังตกแต่งพร้อมแอนิเมชันละเอียดเพื่อความประณีต: @keyframes morph { 50% { border-radius: ค่าที่ต่างกัน; } }
• วางบล็อบความทึบต่ำไว้หลังข้อความเพื่อความลึก บล็อบใหญ่ไม่กี่อันที่ลอยช้า ๆ สร้างพื้นหลังฮีโรสมัยใหม่โดยไม่ดึงความสนใจจากเนื้อหา