css - 带渐变的阴影 CSS

标签 css gradient dropshadow

我正在处理一个使用 HTML 和 CSS 的元素,我想复制此站点上使用的类似内容。

http://slb.com/hse/hse_policy.aspx

顶部围绕容器 div 的投影,更重要的是如何在阴影上获得渐变,使其向底部淡出?我知道如何获得实际的阴影。

干杯

最佳答案

没有办法用纯 CSS 做到这一点。您链接的网站使用大图像来执行此操作:http://slb.com/images/gradient_1120.jpg - 你需要做类似的事情才能获得相同的效果。

关于css - 带渐变的阴影 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12893074/

相关文章:

android - 动态壁纸渐变条纹 : is it possible to use ARGB_8888 or dithering to fix?

css - 如何在基于 960 网格的布局中在 LI 上显示投影?

javascript - 如何在 material-ui App Bar 中对齐元素?

html - 将按钮放在内联 block div 旁边

html - CSS 梯度下降为层

jquery - Z-index 防止元素被点击

WPF 投影

html - 使用 Bootstrap 在 "img-responsive"div 顶部添加按钮

css - Django 中的 GUI CSS 选择器

python - tensorflow 中的自定义梯度 - 无法理解此示例