779      阿里云  技术社区[云栖]

:hover事件触发自己的:afert伪类事件（.class:hover::after）

.toolbar-item:after {
content: "";
position: absolute;
width: 172px;
right: 46px;
bottom: -10px;
background: url(../img/toolbar_img.png) no-repeat;
opacity: 0;
transform-origin: 95% 95%;
transform: scale(0.01);
transition: all 1s;
-webkit-transition: all 1s;
}

.toolbar-item:hover::after{
opacity: 1;
transform: scale(1);
}

最后更新：2017-06-18 11:34:01

  上一篇：  分享一个很好用的图标库（icomoon.io）

  下一篇：  Class.forName() vs Class.loadClass()