HTML – 是否可以使用CSS创建此椭圆阴影?
发布时间:2020-12-14 22:35:22 所属栏目:资源 来源:网络整理
导读:我想知道是否有可能在使用CSS时创建以下阴影.我尝试添加框阴影但它添加阴影到框不像下图中的那样.我也尝试使用伪元素,但没有找到任何方法使其成为椭圆形.我想知道这是否可以使用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); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |