CSS Art : décembre - Galah Days of Summer

Ceci est une soumission pour Frontend Challenge - Édition de décembre, CSS Art : décembre.

Inspiration

En me promenant l'après-midi à Sydney en décembre, pendant les vacances d'été, j'ai remarqué de nombreux galahs (cacatoos indigènes roses et gris) qui jouaient et nourrissaient leurs petits. Après quelques recherches, j'ai découvert que leur saison des amours s'étend généralement entre juillet et décembre. Avec leurs belles couleurs vibrantes et profitant des promenades chaudes de l’après-midi, les galahs ressemblent à un élément emblématique d’un Noël australien.

Démo

• Démo en direct : https://naomijustin.github.io/Galah-Days-of-Summer/
• Code : https://github.com/naomijustin/Galah-Days-of-Summer

Voyage

• Je voulais créer quelque chose qui serait non seulement esthétique, mais aussi ludique qui pourrait mettre en valeur le côté ludique des galahs en cette saison. J'ai décidé de créer un galah qui mangerait une feuille d'eucalyptus.
• Pour constituer les éléments de l'oiseau, j'ai utilisé une combinaison de chemin de détourage et de rayon de bordure pour créer les formes organiques, puis j'ai utilisé un conteneur pour stocker tous les éléments de l'oiseau qui seraient capables de transformer l'échelle. Pour le conteneur, j'ai utilisé la position relative et absolue et je l'ai centré sur la page. Ensuite, pour tous les éléments à l'intérieur du conteneur, j'ai utilisé différentes valeurs d'index z pour les superposer.
• Pour les formes plus complexes, j'ai trouvé un moyen d'utiliser des dégradés empilés et des modes de fusion pour l'arrière-plan afin de créer des ombrages plus complexes avec des dégradés linéaires et des dégradés de rayon.

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!