scss 变换规模

Posted 2021-05-17

%preexpand {
	opacity: 0;
	-webkit-transition: all 0.8s;
	   -moz-transition: all 0.8s;
	    -ms-transition: all 0.8s;
	     -o-transition: all 0.8s;
	        transition: all 0.8s;
	-webkit-transform: scale(0, 1);
	   -moz-transform: scale(0, 1);
	    -ms-transform: scale(0, 1);
	     -o-transform: scale(0, 1);
	        transform: scale(0, 1);
}

%expand-in {
	opacity: 1;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}