少CSS混入參數

我有這樣的減混入 -少CSS混入參數

.css3-transitions(@property: color, @duration: 0.3s, @transition: ease-in) { 
    -webkit-transition:@property @duration @transition; 
     -moz-transition:@property @duration @transition; 
      transition:@property @duration @transition; 
}

，我是在用一個類，但不包括寬鬆政策，並將其應用到不透明，所以我這樣做..

.myClass{ 
.css3-transition(opacity); 
}

但插入緩和。例如CSS結果是這樣的...

-webkit-transition: opacity 0.3s ease-in; 
    -moz-transition: opacity 0.3s ease-in; 
    transition: opacity 0.3s ease-in;

我該如何排除緩動？

來源

2013-11-04 kayee

假設你的mixin代碼保持不變，可以在更短的，在這樣的調用時專門設置的值（在這裏我給它一個轉義空字符串~''通過「無中生有」到@transition）：

.myClass{ 
.css3-transitions(opacity, @transition: ~''); 
}

請注意，我不需要擔心它是第三個參數，因爲我明確地告訴它我設置的參數，所以我不需要傳遞持續時間，因爲它將保持默認狀態。

來源

2013-11-04 21:32:54 ScottS

謝謝@ScottS – kayee

@ kayee：不客氣。如果解決方案適用於您，您應該選擇答案左邊的複選標記以表明您「接受」它。 – ScottS

默認情況下包含「緩入」緩存。如果你不這樣做，那麼mix-in會假設你想要默認的緩動，這就是混音中定義的'緩入'。如果這是您需要的，您必須指定不同的緩動，或者修改混合代碼。

來源

2013-11-04 21:26:43 tomaroo

少CSS混入參數

回答

相關問題