Question

HY

我有这个主题。

http://venusdemo.com/wpopal/mix/fashion/

在右侧，有一些图像在我们向上箭头时有效。

提前进行！有谁知道那里使用了什么样的插头或者它们是如何创建的？

Answer 1

.image-plus-1:hover:before, .wpb_single_image .wpb_wrapper > a:hover:before {
    opacity: 0.6;
    transform: scale(1) rotateY(0deg);
    visibility: visible;
}
.image-plus-1:before, .wpb_single_image .wpb_wrapper > a:before {
    background: url("../images/plus.png") no-repeat scroll center center / 60px 60px rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: scale(0.5) rotateY(180deg);
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 100;
}

如何创造这种效果？

1 个答案: