一款精美的导航引导页html源码
一款精美的导航引导页html源码
- 前言
- 效果图
- 部分源码
- 领取源码
- 下期更新
前言
今天偶然间看到的,感觉挺好看就顺手扒了下来,所有信息均可代码修改,代码很简洁喜欢的拿走吧。
效果图
部分源码
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
body {
background-image: linear-gradient(to left, rgba(255, 0, 149, 0.2), rgba(0, 247, 255, 0.2)), url(../img/bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
#box {
/* background-color: red; */
width: 1200px;
height: 100px;
margin: 0 auto;
padding-top: 5%;
}
.meBox {
float: left;
width: 20rem;
height: 25rem;
background-color: white;
margin-top: 100px;
border-radius: 2%;
transition: all 0.3s;
text-align: center;
}
.meBox:hover {
width: 21rem;
height: 26rem;
margin: 95px 0 0 -5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
领取源码
关注下方微信公众号回复 导航引导页 即可领取(完全免费,只是关注一下公众号,作者整理不易💖)
下期更新
孤客支付系统
- 📢本人公众号:祖龙科技工作室
- 📢博客主页:孤客网络科技工作室官方账号
- 📢欢迎点赞👍收藏⭐️留言 📝如有错误敬请指正!
- 📢本文由孤客原创,若侵权联系作者,首发于CSDN博客
- 📢停下休息的时候不要忘了别人还在奔跑,希望大家抓紧时间学习,全力奔赴更好的生活💻