如何在觸控筆中製作通用轉換規則

Question

我正在嘗試在觸控筆中執行通用轉換規則。我的功能只是特別工作。它返回給我一個字符串'所有緩解進出0.2s'不是一個規則，它不在瀏覽器中工作，因爲它在單引號內。

是否有可能返回純css規則？謝謝你的幫助。

getTransition(affect = 'all', animationRule = 'ease-in-out', time = 0.2) 
    return affect + " " + animationRule + " " + unit(time, 's') 

呼叫

transition: getTransition('opacity') 

結果

transition: 'opacity ease-in-out 0.2s'; 

Answer 1

刪除在參數引號，當你調用該函數：

筆

getTransition(affect = 'all', animationRule = 'ease-in-out', time = 0.2) 
    return affect + " " + animationRule + " " + unit(time, 's') 

div 
    transition: getTransition(opacity) 

CSS

div { 
    transition: opacity ease-in-out 0.2s; 
}