Mechanical & Psychedelic CSS-JavaScript Tinkering

Saya menggunakan bahan animasi javascript/css ini. Saya sedang belajar bagaimana untuk mengawal sesuatu dengan lebih baik, dan ia menarik! Saya sedang belajar tentang merancang perkara itu dalam kepala saya sebelum saya cuba menyusunnya (sekurang-kurangnya, sedikit sebanyak). Hari ini bermula dengan idea kasar, dan saya mulakan seperti berikut:

Menggunakan javascript, saya mendapat imej untuk diulang dengan tatasusunan dan gelung (kegemaran baharu saya)! Apabila saya belajar javascript pada mulanya, saya fikir "ok, tatasusunan untuk data." Pemikiran yang lebih baik ialah data untuk apa?! Bagaimana pula dengan mengulang bentuk yang menyeronokkan! Saya taksub.

Berikut ialah gambar di bawah untuk tipu muslihat, tetapi saya akan memberitahu anda versi animasi adalah lebih hebat dan anda boleh melihat semua animasi berlaku. Sila lihat github di bawah untuk melihatnya!! (Ya, saya teruja dengan perkara ini. XD )

Jadi, dengan Javascript dan CSS biasa:

Siapa tahu apa ini. Tetapi ia pasti mempunyai getaran mekanikal dengan sedikit psychedelia. ef ya. Saya mengambil masa kira-kira 4 jam untuk menyelesaikannya. Saya pasti berada di jalan untuk membuat beberapa perkara yang menarik. Apa yang ada untuk masa depan? Robot psychedelic animasi? Jangan cakap lagi. Tidak boleh lebih teruja. Terima kasih kerana mengintip!

Github: https://annavi11arrea1.github.io/circle/

Inilah sebabnya kod itu hebat...

---

Atas ialah kandungan terperinci Mechanical & Psychedelic CSS-JavaScript Tinkering. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!