榆树 CSS : How to give a value to `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

您可以为 opacity 创建输入通过使用“无单位”功能之一，例如 Css.int或 Css.num .例如:

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

它是“无单位的”，因为不透明度的 CSS 属性 does not define a unit like px or percent .