一款精美的导航引导页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博客
• 📢停下休息的时候不要忘了别人还在奔跑，希望大家抓紧时间学习，全力奔赴更好的生活💻