UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
◜

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

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

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

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

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

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

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

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