这是前端挑战赛 - 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中文网其他相关文章!