CSS-Kunst: Dezember – Galah Days of Summer

Dies ist eine Einreichung für Frontend Challenge – Dezemberausgabe, CSS Art: Dezember.

Inspiration

Als ich im Dezember, den Sommerferien dazwischen, einen Nachmittagsspaziergang in Sydney machte, bemerkte ich viele Galahs (einheimische rosa und graue Kakadus), die spielten und ihre Jungen fütterten. Nach ein wenig Recherche habe ich herausgefunden, dass ihre Paarungszeit normalerweise zwischen Juli und Dezember liegt. Mit ihren wunderschönen, leuchtenden Farben und den warmen Nachmittagsspaziergängen fühlen sich Galahs wie ein ikonischer Teil eines australischen Weihnachtsfestes an.

Demo

• Live-Demo: https://naomijustin.github.io/Galah-Days-of-Summer/
• Code: https://github.com/naomijustin/Galah-Days-of-Summer

Reise

• Ich wollte etwas schaffen, das nicht nur ästhetisch, sondern auch verspielt ist und die Verspieltheit von Galahs in dieser Saison hervorheben könnte. Ich beschloss, eine Galah zu kreieren, die ein Eukalyptusblatt frisst.
• Um die Elemente des Vogels zusammenzustellen, habe ich eine Kombination aus Clip-Pfad und Randradius verwendet, um die organischen Formen zu erstellen, und dann einen Behälter verwendet, um alle Vogelelemente zu speichern, die den Maßstab verändern könnten. Für den Container habe ich die relative und absolute Position verwendet und diese auf der Seite zentriert. Dann habe ich für alle Elemente im Container unterschiedliche Z-Index-Werte verwendet, um sie zu überlagern.
• Für die komplexeren Formen habe ich eine Möglichkeit gefunden, Stapelverläufe und Mischmodi für den Hintergrund zu verwenden, um komplexere Schattierungen mit linearen Verläufen und Radiusverläufen zu erzeugen.

Das obige ist der detaillierte Inhalt vonCSS-Kunst: Dezember – Galah Days of Summer. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!