CSS实现万圣节可爱鬼和南瓜专辑

不念不忘少年蓝@ 2022-11-21 14:52 127阅读 0赞

> 科普一下 万圣节，在每年的11月1日，是西方的传统节日；而万圣节前夜的10月31日是这个节日最热闹的时刻  
> 为庆祝万圣节的来临，小孩会装扮成各种可爱的鬼怪向逐家逐户地敲门，要求获得糖果，否则就会捣蛋。而同时传说这一晚，各种鬼怪也会装扮成小孩混入群众之中一起庆祝万圣节的来临，而人类为了让鬼怪更融洽才装扮成各种鬼怪。  
> 百鬼夜行，我们混入其中，比鬼还要开心  
> 下面为大家展示五个使用 CSS 编写的万圣节页面。（代码均来源于codepen，笔者只做收集），大家快来欣赏大佬的杰作吧 （由于代码太多，所以均放在笔者的 gitee 仓库中）

![在这里插入图片描述][20201102104745153.gif_pic_center]

![在这里插入图片描述][20201102104537504.gif_pic_center]

#### [https://gitee.com/suiboyu/front\_page\_effect\_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween1.html][https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween1.html] ####

![在这里插入图片描述][20201102104537153.gif_pic_center]

#### [https://gitee.com/suiboyu/front\_page\_effect\_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween4.html][https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween4.html] ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDc3NzIx_size_16_color_FFFFFF_t_70_pic_center]

![在这里插入图片描述][20201102104536138.gif_pic_center]

#### [https://gitee.com/suiboyu/front\_page\_effect\_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween2.html][https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween2.html] ####

![在这里插入图片描述][2020110210453666.gif_pic_center]

#### [https://gitee.com/suiboyu/front\_page\_effect\_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween3.html][https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween3.html] ####

![在这里插入图片描述][2020110210453631.gif_pic_center]

#### [https://gitee.com/suiboyu/front\_page\_effect\_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween.html][https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween.html] ####

[20201102104745153.gif_pic_center]: /images/20221120/5894e84eab5f4cd29634fbec58465c38.png
[20201102104537504.gif_pic_center]: /images/20221120/97bb840b16ad4d70baeee1271c7fa0f9.png
[https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween1.html]: https://gitee.com/suiboyu/front_page_effect_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween1.html
[20201102104537153.gif_pic_center]: /images/20221120/1bd952f294eb46dc91b00d3897d8a6ac.png
[https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween4.html]: https://gitee.com/suiboyu/front_page_effect_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween4.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDc3NzIx_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/f3acc5cbdf80450da2c00c59262786b5.png
[20201102104536138.gif_pic_center]: /images/20221120/8ce8cc1c7780435ca856b40ae15120d9.png
[https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween2.html]: https://gitee.com/suiboyu/front_page_effect_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween2.html
[2020110210453666.gif_pic_center]: /images/20221120/1dbab99bcff045158184dde3fa12c33a.png
[https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween3.html]: https://gitee.com/suiboyu/front_page_effect_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween3.html
[2020110210453631.gif_pic_center]: https://img-blog.csdnimg.cn/2020110210453631.gif#pic_center
[https_gitee.com_suiboyu_front_page_effect_collection_blob_master_E4_B8_87_E5_9C_A3_E8_8A_82_hallween.html]: https://gitee.com/suiboyu/front_page_effect_collection/blob/master/%E4%B8%87%E5%9C%A3%E8%8A%82/hallween.html