Maison > interface Web > js tutoriel > le corps du texte

Bricolage mécanique et psychédélique CSS-JavaScript

WBOY
Libérer: 2024-07-31 15:04:30
original
648 Les gens l'ont consulté

Je suis d'accord avec ce truc d'animation javascript/css. J'apprends à mieux contrôler les choses, et c'est excitant ! J'apprends à planifier la chose dans ma tête avant d'essayer de la présenter (du moins, dans une certaine mesure). Aujourd'hui, j'ai commencé avec une idée approximative, et j'ai commencé comme suit :

Mechanical & Psychedelic CSS-JavaScript Tinkering

En utilisant javascript, j'ai réussi à répéter les images avec (mes nouveaux préférés) des tableaux et des boucles ! Quand j'apprenais Javascript au début, je pensais "ok, des tableaux pour les données". Une meilleure idée est que les données servent à quoi ?! Que diriez-vous de formes répétitives amusantes ! Je suis obsédé.

Voici une photo ci-dessous pour intriguer, mais je vous ferai savoir que la version animée est tellement plus cool et que vous pouvez voir toutes les animations se dérouler. Veuillez regarder le github ci-dessous pour le voir !! (Oui, je suis excité à ce sujet. XD)

Donc, avec Javascript et CSS :

Mechanical device

Qui sait ce que c'est. Mais il y a définitivement une ambiance mécanique avec un léger soupçon de psychédélisme. euh oui. Il m'a fallu environ 4 heures pour terminer. Je suis définitivement sur la bonne voie pour faire des trucs sympas. Que nous réserve l’avenir ? Un robot psychédélique animé ? N’en dis pas plus. Je ne pourrais pas être plus excité. Merci d'avoir jeté un coup d'œil !

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

C'est pourquoi le code est génial...


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!