【问题标题】:How to make a box-shadow inset with a transparency?如何制作具有透明度的盒子阴影插图?
【发布时间】:2011-07-31 19:14:08
【问题描述】:

我有兴趣学习如何创建具有透明度的 css3 盒子阴影插图。

在此处查看小提琴中的输入:http://jsfiddle.net/TeGkt/4/

用于输入的背景图像。如何在不需要图像的情况下创建这种效果?

谢谢

【问题讨论】:

    标签: html css


    【解决方案1】:

    是的,使用 CSS3 样式: http://jsfiddle.net/arnorhs/Nz7KG/

    在 IE pre ie9 中无法使用

    为了兼容性,我没有添加任何 -moz 或 -webkit- 前缀..

    我也没有做到 100% 相同。你的问题似乎是关于它是否可能......

    【讨论】:

    • 可能使用 CSS3 渐变来创建正确的颜色?
    【解决方案2】:
    rgba(255,255,255,0.75)
    

    rgba(r,g,b,a) 是红绿蓝阿尔法

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-05-30
      • 2012-07-20
      • 2014-04-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-22
      相关资源
      最近更新 更多