带有背景图像的CSS插入文本阴影
有可能同时有背景图像和内部阴影的文本吗带有背景图像的CSS插入文本阴影,css,text,shadow,Css,Text,Shadow,有可能同时有背景图像和内部阴影的文本吗 div{ 位置:固定; z指数:2; 颜色:白色;/*回退:假定此颜色位于图像顶部*/ 背景:url('https://placekitten.com/g/500/500)重复; -webkit背景剪辑:文本; -webkit文本填充颜色:透明; 字体大小:100px; 字号:800; 文本转换:大写; 文本阴影:2px3px8pxRGBA(59,37,17,0.35)插入; } 我可以有一个图像和内部阴影吗? 使用CSS过滤器属性,您可以添加阴影来勾
div{
位置:固定;
z指数:2;
颜色:白色;/*回退:假定此颜色位于图像顶部*/
背景:url('https://placekitten.com/g/500/500)重复;
-webkit背景剪辑:文本;
-webkit文本填充颜色:透明;
字体大小:100px;
字号:800;
文本转换:大写;
文本阴影:2px3px8pxRGBA(59,37,17,0.35)插入;
}
我可以有一个图像和内部阴影吗?
使用CSS过滤器属性,您可以添加阴影来勾勒任何形状:
div{
位置:固定;
z指数:2;
颜色:白色;/*回退:假定此颜色位于图像顶部*/
背景:url('https://placekitten.com/g/500/500)重复;
-webkit背景剪辑:文本;
-webkit文本填充颜色:透明;
字体大小:100px;
字号:800;
文本转换:大写;
文本阴影:2px3px8pxRGBA(59,37,17,0.35)插入;
滤镜:投影(10px 10px 10px#888);
}
我可以有一个图像和内部阴影吗?
内部阴影呢?@Benneb10抱歉,呵呵。。。一开始我不太明白你问题的插入部分。我已经更新了我的答案,并通过一些CSS黑客设法将其插入。不得不使用hacks,因为过滤器
没有inset
属性。