这是我做的一个伪类练习,来简单的理解一下吧!
<div class="con">
<img src="images/捕获.PNG" alt="">
</div>
首先打一个div然后在给他一个类,之后在里面打一个img随便放一张背景图片。
.con img{
width: 120px;
height: 120px;
transition: all 1s ease;
}
.con img:hover{
width: 250px;
height: 250px;
cursor: pointer;
}
下一步就是,设置img里面的图片宽度和高度,然后在下面img后面加一个hover的一个伪类(意思就是傻逼移入上去选中的这个元素就会发生变化),给他一个2倍的宽和高,在设置一个鼠标移入上去指针就会变成小手的一个样式,然后在上一个类名里面添加上一个像动画一样的过渡效果,就完成了。