Maison > interface Web > tutoriel CSS > Défi Frontend du DEV : Solstic d'hiver !

Défi Frontend du DEV : Solstic d'hiver !

Mary-Kate Olsen
Libérer: 2025-01-01 13:48:10
original
366 Les gens l'ont consulté

DEV

Ceci est une soumission pour Frontend Challenge - Édition de décembre, Glam Up My Markup: Winter Solstice

Ce que j'ai construit

Le site Web est construit uniquement à partir de HTML, CSS et Javascript de base.
Sur le site Web, j'ai essayé de conserver deux thèmes, un comme thème de nuit et un comme thème de jour.
La première moitié est la nuit qui commence par des particules de glace et l'autre moitié commence par des nuages ​​et du soleil.
J'ai essayé d'ajouter de nombreuses images et éléments pour représenter ce que je ressens en hiver.
De plus, le site Web n'est pas du tout réactif.

Démo

voici une démo en direct du site Web
https://moyen-hiver-solstice.vercel.app/
et voici mon dépôt github si site Web
https://github.com/Sami3160/Medium-Winter-Solstice

Voyage

J'ai appris plus de créativité, je travaille habituellement sur le backend, mais maintenant, après une longue période de création d'un site Web frontend, je me sens satisfait, la partie préférée du site Web est que le Père Noël vole à travers les montagnes et ce sont les nuages ​​et la lune.

Et au fur et à mesure que nous faisons défiler le thème, le thème change comme la nuit à minuit, l'aube au blanc éclatant de midi, puis à nouveau le soir.

Je voulais juste ajouter plus d'effets comme plus d'effet de chute de neige, et plus d'animation, d'éléments et d'effet parallex sympa, mais je n'y parviens que cela.

Et une autre partie amusante est cette section "Solstice à travers les hémisphères", il s'agit d'une image d'un hémisphère terrestre qui tourne et sa description change.

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal