.container {
position: relative;

-webkit-transform: rotate(-20deg) skew(20deg) scale(0.8);
transform: rotate(-20deg) skew(20deg) scale(0.8);
-webkit-transition: .5s;
transition: .5s;
}

.container .w-image {
position: absolute;
width: 200px !important;
-webkit-transition: .5s;
transition: .5s;
}

.container:hover .w-image:nth-child(4) {
-webkit-transform: translate(160px, -160px);
transform: translate(160px, -160px);
opacity: 1;
}

.container:hover .w-image:nth-child(3) {
-webkit-transform: translate(120px, -120px);
transform: translate(120px, -120px);
opacity: .8;
}

.container:hover .w-image:nth-child(2) {
-webkit-transform: translate(80px, -80px);
transform: translate(80px, -80px);
opacity: .6;
}

.container:hover .w-image:nth-child(1) {
-webkit-transform: translate(40px, -40px);
transform: translate(40px, -40px);
opacity: .4;
}

::-webkit-scrollbar {
width: 0;
}

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

您忘记了填写这里
您忘记了填写这里
请输入有效的电子邮箱地址。
你需要同意这些条款进行