如何用CSS制作椭圆内阴影？

2024年1月2日 339次阅读

我想要像这样的椭圆形内部阴影.它应该淡化以完成左右边缘的透明度.

到目前为止,我只能达到以下目的.它甚至看起来都不像椭圆了.

#someDiv {
    background: -moz-radial-gradient(
        50% 0%, 
        ellipse farthest-corner, 
        rgba(255,0,0,1) 0%, 
        rgba(255,0,0,0.00) 70%
    );
    border: 3px solid black;
    width: 30em;
    height: 20em;
}

最佳答案 用70％20％的东西替换椭圆最远角并从那里调整.

编辑：http://jsfiddle.net/ufLYQ/

点赞