@charset "utf-8";

.delighter{
	transition-duration: 1s;
}

.delighter[data-ani^="fade"],
.delighter[data-ani^="zoom"]{
	opacity: 0;
	transition-property: opacity,transform;
}


/* fade */
.delighter[data-ani="fade-up"] {transform: translate3d(0,100px,0);}
.delighter[data-ani="fade-down"] {transform: translate3d(0,-100px,0);}
.delighter[data-ani="fade-right"] {transform: translate3d(-100px,0,0);}
.delighter[data-ani="fade-left"] {transform: translate3d(100px,0,0);}

.delighter.started[data-ani="fade-up"],
.delighter.started[data-ani="fade-down"],
.delighter.started[data-ani="fade-right"],
.delighter.started[data-ani="fade-left"]{
	opacity: 1;
  transform: translateZ(0);
}
/* fade */

/* zoom */
.delighter[data-ani="zoom-in"] {
	transform: scale(.6);
}

.delighter[data-ani="zoom-out"] {
	transform: scale(1.2);
}

.delighter.started[data-ani="zoom-in"],
.delighter.started[data-ani="zoom-ont"]{
	opacity: 1;
  transform: translateZ(0) scale(1);
}
/* zoom */