這是前端挑戰賽 - 12 月版的提交內容,CSS 藝術:12 月。
靈感
12月暑假期間,我在雪梨下午散步時,注意到許多加拉(粉紅色和灰色的本土鳳頭鸚鵡)在玩耍和餵養幼崽。經過一番研究,我發現它們的交配季節通常在七月到十二月之間。憑藉美麗鮮豔的色彩和享受溫暖的午後漫步,節日感覺就像澳洲聖誕節的標誌性組成部分。
示範
- 現場示範:https://naomijustin.github.io/Galah-Days-of-Summer/
- 代碼:https://github.com/naomijustin/Galah-Days-of-Summer
旅行
- 我想創造出一些不僅美觀,而且有趣的東西,可以凸顯本季節日的俏皮感。我決定製作一個吃尤加利葉的加拉。
- 為了構成鳥的元素,我使用了剪輯路徑和邊框半徑的組合來創建有機形狀,然後使用容器來儲存所有能夠改變比例的鳥元素。對於容器,我使用了相對和絕對位置,並將其置於頁面中央。然後,對於容器內的所有元素,我使用不同的 z-index 值對它們進行分層。
- 對於更複雜的形狀,我找到了一種方法,使用堆疊漸變和背景混合模式,透過線性漸變和半徑漸變來創造更複雜的陰影。
以上是CSS 藝術:十二月 - Galah Days of Summer的詳細內容。更多資訊請關注PHP中文網其他相關文章!