UTILS.
ทำงานในเบราว์เซอร์ 100%

เครื่องมือสร้าง CSS Spinner

สร้างตัวโหลดหมุนแบบ CSS ล้วนแล้วคัดลอก CSS

เกี่ยวกับเครื่องมือนี้

สร้างตัวโหลดหมุนแบบ CSS ล้วนในรูปแบบ ring, dots หรือ bars พร้อมปรับขนาด สี และความเร็วได้ตามต้องการ แล้วคัดลอก CSS และ keyframes ตัวอย่างเคลื่อนไหวแบบเรียลไทม์ในเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

ตัวโหลดหมุนต้องใช้รูปภาพหรือ JavaScript ไหม?
ไม่ — สร้างจากองค์ประกอบ HTML และ CSS keyframes เท่านั้น จึงทำงานได้ในทุกหน้าโดยไม่ต้องใช้ไฟล์เพิ่มเติม
ฉันจะเปลี่ยนความเร็วในการหมุนได้อย่างไร?
ตัวเลื่อนความเร็วกำหนดระยะเวลาของแอนิเมชันเป็นวินาที ค่าน้อยจะหมุนเร็วขึ้น และค่ามากจะหมุนช้าลง

เครื่องมือเพิ่มเติม