HTML
发布时间:2022-04-15 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了HTML – 是否可以使用CSS创建此椭圆阴影?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有可能在使用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创建此椭圆阴影?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。