HTML – 是否可以使用CSS创建此椭圆阴影？

概述我想知道是否有可能在使用CSS时创建以下阴影.我尝试添加框阴影但它添加阴影到框不像下图中的那样.我也尝试使用伪元素,但没有找到任何方法使其成为椭圆形.我想知道这是否可以使用CSS或我只需要使用透明图像阴影. 这是我刚刚制作的类似于阴影部分的东西.如果要使其适用于非webkit,则需要为其他浏览器添加规则.基本思想是使用border-radius创建一个圆,然后使用scale在y方向上缩小它,最后将 我想知道是否有可能在使用CSS时创建以下阴影.我尝试添加框阴影但它添加阴影到框不像下图中的那样.我也尝试使用伪元素,但没有找到任何方法使其成为椭圆形.我想知道这是否可以使用CSS或我只需要使用透明图像阴影.解决方法 这是我刚刚制作的类似于阴影部分的东西.如果要使其适用于非webkit,则需要为其他浏览器添加规则.基本思想是使用border-radius创建一个圆,然后使用scale在y方向上缩小它,最后将其模糊.

http://jsfiddle.net/L4QDs/1/

#shadow {    border-radius: 50%;    wIDth: 100px;    height: 100px;    background: black;    opacity: 0.5;    -webkit-filter: blur(10px);    -webkit-transform: scale(1,0.2);}

总结

以上是内存溢出为你收集整理的HTML – 是否可以使用CSS创建此椭圆阴影？全部内容，希望文章能够帮你解决HTML – 是否可以使用CSS创建此椭圆阴影？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。