【问题标题】:Text shadow opacity文字阴影不透明度
【发布时间】:2012-07-17 23:36:09
【问题描述】:

是否可以只调整文本阴影的不透明度,而不是调整文本本身?

例如,我有带有蓝色阴影的紫色文本。我想让蓝色阴影不透明,而不会丢失紫色上的任何东西。

h1.blue {text-shadow: 3px 3px 0px #3f6ba9;}

【问题讨论】:

    标签: opacity css


    【解决方案1】:

    可以,但在 rgba 模式下指定颜色以添加 alpha 透明度。

    h1.blue {text-shadow: 3px 3px 0px rgba(63,107,169, 0.5)} //half of transparency
    

    【讨论】:

      【解决方案2】:

      为希望使用 HEX 代码而不是 RGB 的任何人添加答案:

      h1.blue {text-shadow: 3px 3px 0px #3f6ba980;}
      

      上述 HEX 代码中的最后 2 个字符的不透明度设置为 50%。对于其他不透明度值,请参阅链接here 的不透明度十六进制图表。或者,如果您使用的是 VScode,您将能够使用其内置的颜色选择器来调整不透明度。

      【讨论】:

        猜你喜欢
        • 2013-04-24
        • 1970-01-01
        • 2018-02-13
        • 2017-11-08
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-12-05
        相关资源
        最近更新 更多