"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Codepens colorés et amusants

Codepens colorés et amusants

Publié le 2024-11-09
Parcourir:166

Fun Colorful Codepens

Bonjour, en tant que créateur, la couleur est vraiment importante pour moi.

Au cours des deux dernières années, j'ai collecté et créé quelques palettes de couleurs. Mais ce n'est pas le sujet de l'article d'aujourd'hui.

Aujourd'hui, je voulais partager quelques stylos de couleur amusants que j'ai fabriqués.

Allons-y…

(Remarque : certains d'entre eux peuvent ne pas être compatibles sur mobile.)


1. Curseurs de couleur RVB

Que puis-je dire à ce sujet. Tout d'abord, avant d'aller plus loin, je dois dire que j'utilise Microsoft Copilot pour m'aider avec les détails les plus fins de CSS et JS.

Ok, quelles sont les fonctionnalités intéressantes de ceci. Jouer avec les curseurs met à jour instantanément la couleur d’arrière-plan de la page et les valeurs de saisie de texte pour RVB. Cela fonctionne de manière bidirectionnelle si vous souhaitez saisir une valeur plutôt que de jouer avec le curseur.

2. Calculateur de couleurs

Qui n'aime pas une calculatrice de base ? Celui-ci a une fonctionnalité intéressante qui vous permet de taper ou de coller un code hexadécimal de couleur dans l'affichage de réponse pour changer la couleur !

3. Palettes de couleurs aléatoires avec JS

En parlant de palettes de couleurs. Voici un générateur de palette de couleurs aléatoires. J'ai créé ceci juste pour m'amuser. Je sais que j'utilise beaucoup l'IA pour m'aider à créer des projets. Mais quand il s’agit de palettes de couleurs, l’IA ou un générateur de palettes de couleurs aléatoires n’est pas quelque chose que j’utilise. Cela a peut-être ses cas d'utilisation, mais beaucoup de mes projets de design me sont très chers et j'essaie d'être intentionnel quant aux couleurs que j'utilise.

4. Cadran d’horloge noir et blanc

Très beau visage de coq simple. Cela ferait un excellent économiseur d'écran. Cliquez pour basculer entre le thème clair et sombre.

5. Cadre d'application SunBible avec options de thème de couleur

C'est un projet sur lequel je travaille depuis de nombreuses années. Je l'ai construit à partir de zéro et je l'ai emballé sous forme d'application de bureau avec Electron. Vous pouvez afficher l'intégralité du code correspondant sur GitHub

6. Infinite Snap Scroll d'ABC avec animation couleur

Eh bien, merci d'avoir fait défiler jusqu'à la fin de cet article. Si vous aimez le défilement, je suis là pour vous.

J'aimerais communiquer avec vous dans les commentaires. Faites-moi savoir ce que vous aimez, donnez-moi peut-être une idée pour un autre projet amusant.

Déclaration de sortie Cet article est reproduit sur: https://dev.to/nonresiste/colorful-funcodepens-1o81?1 s'il y a une contrefaçon, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3