.on-scroll {
	opacity: 0;
	transition: 1s all ease;
}

.on-scroll.revealed {
	opacity: 1;
	transform: none;
}

.on-scroll.from-right:not(.revealed) {
	transform: translateX(150px);
}
.on-scroll.from-left:not(.revealed) {
	transform: translateX(-150px);
}

.on-scroll.from-down:not(.revealed) {
	transform: translateY(150px);
}

.on-scroll.scale-up:not(.revealed) {
	transform: scale(0.8);
}
.on-scroll.scale-down:not(.revealed) {
	transform: scale(1.2);
}
.on-scroll.rotate-left:not(.revealed) {
	transform: rotate(15deg);
}
.on-scroll.rotate-right:not(.revealed) {
	transform: rotate(-15deg);
}

.on-scroll.slow {
	transition-duration: 2s !important;
}
.on-scroll.fast {
	transition-duration: 0.5s !important;
}