elm-css：如何賦予`opacity`的價值

Question

我在玩elm-css。 大部分事情都按照我的預期工作。 但我無法給Css.opacity函數一個正確的值。

這是我曾嘗試：

Css.opacity 0.5 

這給錯誤：

Function `opacity` is expecting the argument to be: 

    Css.Number compatible 

But it is: 

    Float 

的Css.Number是在以下形式的類型別名：

type alias Number compatible = 
    { compatible | value : String, number : Compatible } 

但我不明白如何爲Css.opacity函數創建有效值...

Answer 1

您可以使用「無單位」功能之一（如Css.int或Css.num）爲opacity創建輸入。例如：

-- 42% opaque 
translucent = Css.opacity (Css.num 0.42) 

這是 「無單位」，因爲不透明does not define a unit like px or percent的CSS屬性。