块引用元素中背景图像的阴影过滤器和其他设置



我希望为每个块引用元素创建一个样式规则:

a. 将背景图像设置为不平铺的sf_speech.png,水平和垂直大小为 100%,以覆盖整个块报价和

b. 使用投影筛选器添加投影筛选器,以在语音气泡周围添加投影,水平和垂直偏移量为 5 像素,模糊为 10 像素,颜色为 RGB(

51、51、51(这是我到目前为止的代码:

blockquote {
background: url(sf_speech.png) 100% 100% no-repeat;
filter: drop-shadow(5px 5px 10px rgb(51, 51, 51));
}

任何人都可以告诉我我缺少什么吗?

谢谢吨

因为你没有添加这样的语音气泡的样子,所以我真的不能给出任何关于如何制作它的具体技术。因为您可能最终会遇到实际气泡样式的麻烦。

但是根据您当前的描述,这样就可以了。

blockquote {
background: url(https://placehold.it/1000x800) 100% 100% no-repeat;
box-shadow: 5px 5px 10px rgb(51, 51, 51);
padding: 10px;
}
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec nisl aliquam, lobortis erat in, posuere massa. Suspendisse commodo nisi id purus dapibus, quis scelerisque lectus auctor. 
</blockquote>

最新更新