前端网页设计期末大作业--原神主页(html+css)复刻

一.开源代码

链接: https://pan.baidu.com/s/1fKva3YUBcS8zDYOrYjBH2g?pwd=1111 提取码: 1111 (百度网盘),求一键三连啦!!!

二.页面展示

三.代码实现主要难点

1.固定导航栏

2.定位的使用

3.下滑箭头动画

4.轮播图

5.元素显示与隐藏搭配伪元素使用

四.代码理解

1.每个css样式和html盒子顶部都有中文标注

2.这是我大一期末作业,一共1500行代码,用的知识点不多,我的思路相对于比较好理解

3.盒子名称大部分用的是中文拼音,这点请见谅