2013-03-14 68 views
1

目前,我正試圖將一些CSS分解爲SCSS(通過指南針樣式)。這就是我的意思是:創建一個SCSS指南針樣式混合 - >動畫

-webkit-animation: moveFromBottom 300ms ease; 
-moz-animation: moveFromBottom 300ms ease; 
-ms-animation: moveFromBottom 300ms ease; 

------------>

我已經做了類似的東西與我的例如過渡:

前:

-webkit-transition: all 300ms linear; 
-moz-transition: all 300ms linear; 
-o-transition: all 300ms linear; 
-ms-transition: all 300ms linear; 
transition: all 300ms linear; 

後:

@include single-transition(all, 200ms, linear); 

然而我的問題是我找不到Compass Style支持。你如何創建一個mixin,包含「moveFromBottom」?

回答

4

調查指南針的compass-animation插件。

+3

這個插件已經進入了0.13的指南針核心(目前在alpha中)。您可以安裝該插件以便與0.12.x一起使用,並稍後升級,或者開始使用包含動畫的預發佈指南針gem。無論哪種方式,它都是相同的代碼。 – 2013-03-14 05:50:06

+0

我會研究升級,我沒有時間去涉獵(無論多麼有趣:) – Neil 2013-03-19 14:07:32