โฮมเพจ » UI / UX » โหลดและสปินเนอร์ภาพเคลื่อนไหว 20 ตัวที่ยอดเยี่ยม

    โหลดและสปินเนอร์ภาพเคลื่อนไหว 20 ตัวที่ยอดเยี่ยม

    การเชื่อมต่ออินเทอร์เน็ตเริ่มเร็วขึ้นอย่างไรก็ตามในบางครั้งเรายังต้องรอให้หน้าเว็บโหลด นักออกแบบพยายามอย่างดีที่สุดเพื่อทำให้เวลาในการรอของคุณสนุกและไม่เจ็บปวด รถตักการ์ตูนเคลื่อนไหวต่าง ๆ ที่สร้างสรรค์.

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

    ตัวโหลด CSS โดย @ CKH4

    ดูตัวโหลดปากกา css โดย Connor (@ CKH4) บน CodePen.

    Rainbow Loader โดย @jackrugile

    ดู Pen Rainbow Loader โดย Jack Rugile (@jackrugile) บน CodePen.

    การเปลี่ยนเส้นทาง Loader โดย @mr_alien

    ดู Loader การเปลี่ยนเส้นทางปากกาโดย Mr Alien (@mr_alien) บน CodePen.

    Loader CSS โดย @mattiabericchia

    ดู CSS Loader ของปากกาโดย Mattia Bericchia (@mattiabericchia) บน CodePen.

    Light Loader โดย @jackrugile

    ดู Pen Light Loader โดย Jack Rugile (@jackrugile) บน CodePen.

    CSS3 Infinite Loader โดย @jonathansilva

    ดูปากกา CSS3 Infinite Loader โดย Jonathan Silva (@jonathansilva) บน CodePen.

    CSS Stairs Loader โดย @ispal

    ดู Pen CSS Stairs Loader โดย Irko Palenius (@ispal) บน CodePen.

    CSS Loader โดย @code_dependant

    ดู Pen CSS Loader by Che (@code_dependant) บน CodePen.

    Loader โดย @ majci23

    ดูปากกาโหลดโดยMaroÅ¡ Horniak (@ majci23) บน CodePen.

    Rubik loader โดย @FilipVitas

    ดูตัวโหลดปากกา Rubik โดย Filip Vitas (@FilipVitas) บน CodePen.

    CSS3 Loader Animation & ndash Peeek โดย @rss

    ดู Pen CSS3 Loader Animation - Peeek โดยRà ?? ± za Selà ?? §uk Saydam (@rss) บน CodePen.

    Pure Css Loader & ndash Square โดย @dghez

    See the Pen Pure Css Loader - Square โดย Robert Borghesi (@dghez) บน CodePen.

    Cocktail Loader โดย @MarcMalignan

    ดู Pen Cocktail Loader โดย Marc Malignan (@MarcMalignan) บน CodePen.

    โหลดวัน (วันที่ 2) โดย @TheDutchCoder

    ดู Pen Loader ต่อวัน (วันที่ 2) โดย Reinier Kaper (@TheDutchCoder) บน CodePen.

    Polygon Loader โดย @dan_reid

    ดู Pen Polygon Loader โดย Daniel Reid (@dan_reid) บน CodePen.

    Code Loader ใน CSS โดย @depy

    ดู Loader Code Pen ใน CSS โดย Deepak Kamat (@depy) บน CodePen.

    องค์ประกอบหนึ่งตัวโหลดสี่สีโดย @tstoik

    ดู Pen One องค์ประกอบตัวโหลดสี่สีโดย Tiffany Stoik (@tstoik) บน CodePen.

    Loader # 1 โดย @samueljweb

    ดู Pen Loader # 1 โดย Sam Lillicrap (@samueljweb) บน CodePen.

    โหลดสิ่งของโดย @tomchewitt

    ดูปากกาลองโหลดของโดย Tom Hewitt (@tomchewitt) บน CodePen.

    อีกภาพเคลื่อนไหวโหลดโดย @redouglas

    ดู Pen Another Loading Animation โดย Robert Douglas (@redouglas) บน CodePen.