CSS3框阴影大小百分比

Question

是否可以按百分比设置框阴影大小和偏移量？我目前正在使用这样的类，但放大会改变它的大小和距离：

    .shadowright
    {
        -webkit-box-shadow: 5px 5px 10px #454545;
        -moz-box-shadow: 5px 5px 10px #454545;
        -o-box-shadow: 5px 5px 10px #454545;
        box-shadow: 5px 5px 10px #454545;             
    }

Answer 1

没有。根据{{​​3}}：

  

计算值：任何<length> 绝对;任何指定的颜色计算;否则按照指定

强调我的。相对值（百分比）不会起作用。

Answer 2

正在谷歌搜索我想到的更好的解决方案，为每个寻找可能解决方案的人。

.shadowright
{
  width: 20%;
  font-size: 20vw; // if you want the box-shadow to equal it's width
  box-shadow: 1em 1em 1em red;
}