เครื่องมือสร้างการเปลี่ยนมุมมอง CSS
จำลองภาพเคลื่อนไหว View Transition API และสร้างโค้ดสำหรับ SPA และ MPA
ตัวแปลงสี
แปลงรหัส HEX/RGB/HSL/CMYK รวมถึงการสร้างจานสีและการตรวจสอบความคมชัด
ตัวเลือกสีของภาพ
แยกสีออกจากรูปภาพและรับรหัสสี (HEX/RGB)
เครื่องกำเนิดแคลมป์ CSS
คำนวณค่าฟังก์ชันของแคลมป์ของเหลว () โดยอัตโนมัติสำหรับการออกแบบที่ตอบสนอง
เครื่องมือสร้างคลิปพาธ CSS
สร้างรูปร่างคลิปพาธ CSS ได้อย่างง่ายดายด้วยการลากและสร้างโค้ด
ตัวสร้างแบบสอบถามคอนเทนเนอร์ CSS
สร้างการสืบค้นคอนเทนเนอร์ด้วยภาพพร้อมการแสดงตัวอย่างสดและการแปลงการสืบค้นสื่อ
ตัวกรอง CSS และตัวสร้างการผสมผสาน
รวมฟิลเตอร์และการผสมผสานเข้าด้วยกัน สร้างโค้ด และบันทึกรูปภาพ
เครื่องกำเนิดการไล่ระดับสี CSS
สร้างการไล่ระดับสีและรูปแบบเชิงเส้น รัศมี กรวยอย่างสังหรณ์ใจ
เครื่องสร้างเค้าโครง Flexbox / Grid
สร้างโค้ดโครงร่างด้วย Visual GUI
เครื่องกำเนิดกล่องเงา
สร้างเงาหลายชั้นที่สวยงามอย่างเป็นธรรมชาติ
เครื่องมือสร้าง UI ที่ทันสมัย
เอาต์พุตโค้ด UI ที่สวยงาม (รองรับ Glassmorphism)
เครื่องมือสร้างภาพเคลื่อนไหว CSS
เอาต์พุต GUI สำหรับภาพเคลื่อนไหว @keyframes
เครื่องมือสร้างพื้นหลัง SVG
สร้างรูปแบบพื้นหลัง SVG ที่มีน้ำหนักเบา
เครื่องกำเนิดสามเหลี่ยม CSS
สร้างสามเหลี่ยม CSS โดยใช้เคล็ดลับเส้นขอบ คัดลอกโค้ดทันที
เครื่องสร้างภาพเคลื่อนไหวสไปรท์
สร้างภาพเคลื่อนไหวและโค้ด CSS sprite จากหลายภาพ
เครื่องกำเนิดรัศมีเส้นขอบ CSS
ปรับค่ารัศมีเส้นขอบ 8 ค่าด้วยสายตาและคัดลอกโค้ด CSS
ตัวอย่างการพิมพ์
ดูตัวอย่างขนาดตัวอักษร ความสูงของบรรทัด และระยะห่างระหว่างตัวอักษรแบบเรียลไทม์
โปรแกรมดูตัวอย่างแบบอักษรบนเว็บ
การเปรียบเทียบแบบอักษรบนเว็บแบบเรียลไทม์และการสร้าง CSS
ค้นหาไอคอน SVG
ค้นหาไอคอน Lucide & Heroicons และคัดลอกโค้ด SVG
หมวดหมู่เครื่องมืออื่นๆ
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง