lixin-web/webapp/less/plugins/imagehover/effects/_imghvr-slide.less

vue and bootstrap

 /* imghvr-slide-*
   ----------------------------- */
[class^='imghvr-slide-'], [class*=' imghvr-slide-'] {
	&:hover {
		figcaption {
			.translate(0,0);
		}
	}
}
 /* imghvr-slide-up
   ----------------------------- */
.imghvr-slide-up {
	figcaption {
		.translateY(100%);
	}
}
 /* imghvr-slide-down
   ----------------------------- */
.imghvr-slide-down {
	figcaption {
		.translateY(-100%);
	}
}
 /* imghvr-slide-left
   ----------------------------- */
.imghvr-slide-left {
	figcaption {
		.translateX(100%);
	}
}
 /* imghvr-slide-right
   ----------------------------- */
.imghvr-slide-right {
	figcaption {
		.translateX(-100%);
	}
}
 /* imghvr-slide-top-left
   ----------------------------- */
.imghvr-slide-top-left {
	figcaption {
		.translate(-100%,-100%);
	}
}
 /* imghvr-slide-top-right
   ----------------------------- */
.imghvr-slide-top-right {
	figcaption {
		.translate(100%,-100%);
	}
}
 /* imghvr-slide-bottom-left
   ----------------------------- */
.imghvr-slide-bottom-left {
	figcaption {
		.translate(-100%,100%);
	}
}
 /* imghvr-slide-bottom-right
   ----------------------------- */
.imghvr-slide-bottom-right {
	figcaption {
		.translate(100%,100%);
	}
}