Maison  >  Article  >  interface Web  >  Bricolage mécanique et psychédélique CSS-JavaScript

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

WBOY
WBOYoriginal
2024-07-31 15:04:30650parcourir

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!

Déclaration:
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