jjma
6/5/2018 - 11:15 AM

Transform 2D Translate Object Up

Add a transition on an object either up

move-up
content_copyfile_download
%move-up {
	opacity: 1;
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
}

%pre-move {
	opacity: 0;
	-webkit-transform: translate(0, 50px);
	   -moz-transform: translate(0, 50px);
	    -ms-transform: translate(0, 50px);
	     -o-transform: translate(0, 50px);
	        transform: translate(0, 50px);
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	     -o-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}