第一步：css重置 https://blog.csdn.net/BradenHan/article/details/132122504

第二步：媒体查询不同尺寸加载不同的css文件https://blog.csdn.net/Yi_Lesama/article/details/131184469

<!-- link元素中的CSS媒体查询 -->
<link rel="stylesheet" media="(min-width: 800px)" href="example.css" /><!-- 样式表中的CSS媒体查询 -->
<style>
@media (max-width: 600px) {.class {display: none;}
}
</style>

第三步：字体 https://fontawesome.com.cn/

第三步：swiper https://www.swiper.com.cn/index.html

第四步：特效 animate.js animate.css hover.css wow.js aos,js

https://animista.net/
https://animate.style/
https://www.minimamente.com/project/magic/
https://angrytools.com/css/animation/
https://ianlunn.github.io/Hover/

============

1.Your Plan,Your Planet
2.Species in Pieces
3.New Tactics - Sneak Peak
4.Miki Mottes
5.Genesis
6.KIKK Festival
7.Onedesigncompany
8.Marie Morelle