在youtube上发现的比较有意思的图标卡显示效果.效果如下:
觉得有意思的同学可以试着和我一起制作一下!
需要:
·基础的html,css
·VScode用来编写代码
·漫长岁月的十分钟
·一个小小的赞👍
事不宜迟,赶紧开始吧!
1.结构层
<body>
<div class="container">
<div class="box1">
<img src="./图片1.png" alt="">
</div>
<div class="box2">
<img src="./图片2.png" alt="">
</div>
</div>
</body>
2.CSS
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body{
background-color: #262626;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.container{
position: relative;
display: flex;
/* 倒影确定 */