Seni CSS: Disember - Hari Galah Musim Panas

Ini adalah penyerahan untuk Cabaran Frontend - Edisi Disember, Seni CSS: Disember.

Inspirasi

Semasa berjalan-jalan petang di Sydney pada bulan Disember sebagai cuti musim panas antara, saya perhatikan banyak galah (kakak asli merah jambu dan kelabu) bermain dan memberi makan anak mereka. Selepas sedikit penyelidikan, saya mendapati bahawa musim mengawan mereka biasanya berlangsung antara Julai hingga Disember. Dengan warna-warna cerah yang indah dan menikmati berjalan-jalan petang yang hangat, galah terasa seperti bahagian ikonik Krismas Australia.

Demo

• Demo Langsung: https://naomijustin.github.io/Galah-Days-of-Summer/
• Kod: https://github.com/naomijustin/Galah-Days-of-Summer

Perjalanan

• Saya mahu mencipta sesuatu yang bukan sahaja estetik, tetapi juga suka bermain yang boleh menyerlahkan keseronokan galah pada musim ini. Saya memutuskan untuk mencipta galah yang akan memakan daun eucalyptus.
• Untuk membentuk unsur burung, saya menggunakan gabungan laluan klip dan jejari sempadan untuk mencipta bentuk organik dan kemudian menggunakan bekas untuk menyimpan semua unsur burung yang boleh mengubah skala. Untuk bekas, saya menggunakan kedudukan relatif dan mutlak dan memusatkan ini pada halaman. Kemudian untuk semua elemen di dalam bekas saya menggunakan nilai indeks-z yang berbeza untuk melapisinya.
• Untuk bentuk yang lebih kompleks, saya menemui cara untuk menggunakan kecerunan tindanan dan mod gabungan untuk latar belakang untuk mencipta lorekan yang lebih kompleks dengan kecerunan linear dan kecerunan jejari.

Atas ialah kandungan terperinci Seni CSS: Disember - Hari Galah Musim Panas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!