a11y.skipToMainContent
1

ตัวเรียกใช้งาน CSS

ออกแบบและส่งออก เครื่องปั่นด้ายซีเอสเอสเอเอสบริสุทธิ์ เลือกจาก 10+ ชุด ปรับสีและความเร็ว จากนั้นคัดลอก CSS และ HTML.

px
s
px

Preview

HTML

CSS

Was this tool helpful?
Send output to:
Advertisement

How to use CSS Loader Generator

  1. เลือกชนิดตัวโหลดจากช่องวาง.
  2. ปรับ สี, ขนาด, ความเร็ว, และ ฉาก หลัง ให้ เข้า กับ รูป แบบ ของ คุณ.
  3. คัดลอกรหัส CSS และ HTML ในโครงการของคุณ.

อะไรคือ?

เครื่องโหลดข้อมูล CSS (หรือสปินเนอร์) เป็นองค์ประกอบของการ์ตูนที่บอกว่าเนื้อหาผู้ใช้กําลังโหลด แทนที่จะใช้ไลบรารีของ GIF หรือไลบรารีของไอคอน เครื่องกําเนิดนี้จะสร้างตัวโหลด CSS แบบประหยัดและปรับแต่งได้อย่างเดียว โดยมีการขึ้นต่อกันเป็นศูนย์ เลือกจากสปินเนอร์ จุด ชีพจร แท่ง แหวน ดับเบิ้ล-ริง เอลลิสส์ โรลเลอร์ นาฬิกาทราย ปรับแต่งสี, ขนาด, ความเร็ว และพื้นหลัง คัดลอกการสร้าง CSS และ HTML โดยตรงเข้าไปในโครงการของคุณ

Advertisement

FAQ

พวกนี้ไม่เกี่ยวข้องกับเรื่องนี้เหรอ?
ใช่ แล้ว ผู้โหลด ทุก คน เป็น CSS ที่ บริสุทธิ์ โดย ไม่ ต้อง ใช้ จาวาสคริปต์, รูป ภาพ, หรือ ห้อง สมุด ภาย นอก.
ฉันใช้นี่ในการผลิตได้ไหม?
แน่นอน CSS ที่ผลิตมานั้นสะอาด, เบา และใช้งานได้ในบราวเซอร์สมัยใหม่.
ผมจะเปลี่ยนความเร็วแอนิเมชันอย่างไร?
ใช้แถบเลื่อนความเร็วเพื่อตั้งค่าระยะเวลาการเคลื่อนไหวในหน่วยวินาที CSS อัปเดตอัตโนมัติ.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement