这是前端挑战赛 – 12 月版的提交,glam up my markup:冬至
我建造了什么
css
*{
边距:0;
填充:0;
框大小:边框框;
字体系列:“Trebuchet MS”、“Lucida Sans Unicode”、“Lucida Grande”、“Lucida Sans”、Arial、sans-serif;
}
身体{
溢出-x:隐藏;
}
.main-width{
宽度:1400px;
最大宽度:95%;
边距:0 自动;
}
.英雄{
高度:100%;
宽度:100%;
最小高度:100vh;
背景图片:url(Tanjiro1.png);
背景大小:100%;
背景重复:不重复;
}
.hero header .logo h2 a{
显示:块;
字体大小:30px;
字体粗细:600;
文本装饰:无;
颜色:白色;
font-family:’Noto Sans JP’, sans-serif;
}
.hero 标头{
显示:flex;
对齐项目:居中;
对齐内容:空间之间;
内边距:40px 0 30px;
}
}
nav ul li a{
文本装饰:无;
颜色: 爱丽丝蓝;
左边距:80px;
字体大小:20px;
字体粗细:600;
底部边框:2px 纯白色;
过渡:4s;
}
nav ul li:not(:last-child) a:hover
nav ul li:not(:last-child) a:focus{
底部边框:2px 纯白色;
}
nav ul li.active a{
底部边框:2px 纯白色;
}
nav ul li.btn a{
背景:透明;
颜色:白色;
边框:1px实线#f5dca8;
内边距:9px 20px;
边框半径:80px;
行高:1.4;
字体大小:18px;
字体粗细:600;
左边距:150px;
}
nav ul li.btn:悬停在{
边框:1px 纯白色;
颜色:黑色;
背景:白色;
过渡:.4s;
}
.内容{
顶部填充:140px;
}
.content .main-text{
位置:相对;
z 索引:2;
下边距:50px;
}
.content .main-text h6{
字体大小:14px;
字体粗细:400;
颜色:白色;
下边距:40px;
}
.content .main-text h1{
字体大小:60px;
行高:1;
颜色:白色;
边距:0px 0px 45px;
font-family: ‘永久标记’,草书;
}
.content .main-text p{
最大宽度:100%;
宽度:480px;
颜色:白色;
行高:1.8;
字体大小:15px;
下边距:50px
}
.content .main-text a{
显示:内联块;
文本装饰:无;
颜色:黑色;
背景:白色;
边框:1px 纯白色;
内边距:9px 25px;
行高:1.4;
边框半径:30px;
字体大小:14px;
字体粗细:500;
}
.content .main-text a:hover{
变换:缩放(1.2);
边框:1px实线#f5dca8;
背景:透明;
颜色:白色;
过渡:.4s;
}
超文本标记语言
鬼灭の刃
- 季节
- 剧集
- 漫画
- 立即播放
最佳动漫第一名
这是由后藤晃阳春创作和绘制的日本漫画系列,
恶魔杀手
一个家庭遭到恶魔袭击,只有两名成员幸存——炭治郎和他的妹妹祢豆子,祢豆子正在慢慢变成恶魔。炭治郎为了给家人报仇、治愈妹妹,立志成为一名斩妖除魔……
立即观看
这是我专属的动漫网站,它有最好的动画按钮和平滑的过渡
Swally的所有权利都属于我