博客
关于我
伪类的用法
阅读量:263 次
发布时间:2019-03-01

本文共 309 字,大约阅读时间需要 1 分钟。

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

在这里插入图片描述
其中,最常用的是:hover把鼠标放在类的上面所表现的状态,下面我给大家看一下。
代码:

水平方向移动40px,垂直方向移动30px

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

效果图:

在这里插入图片描述
把鼠标放上去后
在这里插入图片描述
效果就是这样了。

转载地址:http://tfto.baihongyu.com/

你可能感兴趣的文章
C++ | 虚拟地址空间
查看>>
int 越界处理
查看>>
Linux-调试器(gdb)、make&&makefile、git操作(图文并茂)
查看>>
营收环比增幅近50%,星巴克在经历“劫”后重生吗?
查看>>
苹果进军搜索,背后藏着什么“阳谋”?
查看>>
上市两年后迎首次盈利,拼多多“稳”了吗?
查看>>
Q3净利增89倍股价却大跌,疫苗来了Zoom狂奔速度将熄火?
查看>>
ARK女神持仓每日跟踪-2021年01月05日
查看>>
ARK女神持仓每日跟踪|2021年01月06日
查看>>
php:require、require_once、include和include_once
查看>>
react:redux和react-redux
查看>>
js:详解js中的伪数组
查看>>
egg:如何在控制器中拿到前端传的参数
查看>>
vue系列:vue中使用vee-validate3表单验证
查看>>
php:使用php写一个简单的接口
查看>>
mysql:三范式
查看>>
RPA实施指南:企业如何实现流程优化?
查看>>
向买家索要好评就是这么简单!一键发送催评消息
查看>>
干货丨RPA售前六技能
查看>>
CSS样式
查看>>