【代码】CSS实现鼠标hover元素凸起

前言

CSS实现鼠标hover元素凸起

源代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
div:hover {
/* 凸起方向及大小 */
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);

/* 阴影大小 */
-webkit-box-shadow: 0 0 6px #999;
box-shadow: 0 0 6px #999;

/* 动画时间 */
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
}

完成

参考文献

CSDN——有一个王小森