伪类的用法

在前端的设计中我们常常会用到伪类，伪类到底是什么呢？css伪类是用来添加一些选择器的特殊效果。如图：

其中，最常用的是：hover把鼠标放在类的上面所表现的状态，下面我给大家看一下。
代码：

   <div class="wy">
		<h2>水平方向移动40px,垂直方向移动30px</h2>
	</div>

.wy{
	width: 300px;
	height: 200px;
	background: #0051CF;
}
.wy:hover{
	width: 300px;
	height: 200px;
	background:#E1246A;
	transform: translate(40px,30px);
}

效果图：

把鼠标放上去后

效果就是这样了。