网页大作业仿《原神》官网 HTML+CSS

时间:2022-04-23 13:45:46
【文件属性】:

文件名称:网页大作业仿《原神》官网 HTML+CSS

文件大小:4.41MB

文件格式:RAR

更新时间:2022-04-23 13:45:46

html css

HTML小作业 这是一款国产游戏《原神》的介绍网站主要由“首页,宣传视频,照片墙,角色情报,玩家评论,pc端下载,关于,登录/注册”。首页用了弹性盒子,浮动布局,弹性布局并且超链接去除下划线等技术;宣传视频页面运用了滑动特效,视频盒子绝对定位,溢出隐藏,scale缩小等技术;照片墙用了固定定位,过渡效果var函数并且运用了伪类选择器来实现复选框默认被选中技术;角色情报对其中的文字介绍进行了绝对定位和溢出隐藏等;玩家评论正常流布局和溢出隐藏,用了js插入了背景音乐实现点击视口播放;pc端下载直接链接了官网下载超链接;关于页面用了iframe插入一首音乐并且@keyframe动画 注册/登录页面运用清除浮动和溢出隐藏等。 初次上传,如有错误,还希望大佬见谅指出,我来进行修改。


【文件预览】:
原神官网
----picture.css(1KB)
----photos()
--------ld.jpg(309KB)
--------msds.jpg(267KB)
--------mht.jpg(199KB)
--------wskz.jpg(108KB)
----images()
--------background.jpg(140KB)
--------zl.webp(37KB)
--------kl.webp(52KB)
--------pl1.jpg(151KB)
--------1.webp(23KB)
--------plbg.webp(79KB)
--------bt.png(171B)
--------kq.webp(65KB)
--------pl2.jpg(51KB)
--------bg3.png(198KB)
--------xcsp.png(161KB)
--------pl4.jpg(13KB)
--------pl3.jpg(54KB)
--------1.jfif(1.79MB)
--------bf.png(3KB)
--------xg.webp(82KB)
--------ls.webp(73KB)
--------mhytxz.png(192B)
--------wy.webp(82KB)
--------yl.webp(76KB)
--------lxz.webp(51KB)
--------gy.webp(70KB)
--------logo.png(6KB)
--------mihayou.png(137KB)
--------plbg2.webp(50KB)
--------ht.webp(54KB)
--------x.webp(57KB)
--------q.webp(59KB)
----video.css(2KB)
----pl.css(1KB)
----re.css(3KB)
----about.css(3KB)
----login.html(9KB)
----picture.html(4KB)
----index.html(3KB)
----video.html(1KB)
----jsqb.html(6KB)
----pl.html(3KB)
----re.html(5KB)
----video()
----jsqb.css(1KB)
----about.html(15KB)
----login.css(3KB)
----readme.txt(852B)
----main.css(2KB)

网友评论