Responsive Foundation 6.0.0

A mixin for transform-origin. Takes care of browser prefixes for you. You should always use this mixin when writing transform-origin rules to ensure you're compatible with the browsers we support. Use with transform, rotate, scale, or translate to tell the browser where the transform should start from. Accepts any valid CSS value for transform-origin.

More info at MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin

Examples

Scale the height of a filtered item from 0 to the full height when visible and start the transform from the top of the item.

			.degree-program {
					@include scale( 0, 0 );
					@include transform-origin( top );
		
					&.visible {
						@include scale( 0, 1 );
					}
				}