2011-08-15 20 views
1

次のCSS3 3D変換コードに相当するCompassはありますか?CSS3 3D変換コードのコンパスバージョン

-webkit-transform: rotate3d(0, 0, 0, -30deg); 
-moz-transform: rotate3d(0, 0, 0, -30deg); 
+0

Compassを使ったことはありませんが、すぐにGoogleから返されます:http://compass-style.org/reference/compass/css3/transform/ –

答えて

5

二つのオプション:

@include rotate3d(0, 0, 0, -30deg); 

か:

@include transform(rotate3d(0, 0, 0, -30deg)); 

あなたが他の変換とそれを組み合わせる必要がある場合は、2番目のは便利です。それはすべてCompass Docsにあります。

+0

私の経験では、 '@include'を使う必要があります@mixinの代わりに。 mixinを定義するときには '@ mixin'を使うべきです。 OPには、既存のミックスイン(コンパス内に存在する)が含まれている必要があります。参照:http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#defining_a_mixin – Benjamin

+0

oops。それを固定する... –