Skip to main content

Tedshd's Dev note

Compass - Use transform in compass 1.0.1

Table of Contents

# Compass - Use transform in compass 1.0.1

On august 15, 2014 Compass release 1.0.1 Some code in scss change wording. This article provide CSS3 transform wording in scss.

I use this Mixin

@import "compass/css3";
/*simple-transform($scale, $rotate, $trans-x, $trans-y, $skew-x, $skew-y, $origin-x, $origin-y)*/
@include simple-transform(1, 45deg, 5px, -15px, 0, 0, 0, 0);

/* Advance Usage */
/*@include create-transform($perspective, $scale-x, $scale-y, $scale-z, $rotate-x, $rotate-y, $rotate-z, $rotate3d, $trans-x, $trans-y, $trans-z, $skew-x, $skew-y, $origin-x, $origin-y, $origin-z, $only3d);*/

Refer - Compass Transform | Compass Documentation