css - 如何仅在左侧和右侧从 div 中制作阴影渐变?

标签 css gradient shadow

我想替换Demo image通过代码 css3 或其他东西。

我有一个蓝色的图像我有一个白色的背景,

在图像和白色背景的一侧,

在左右两侧我有一个渐变阴影。

我可以只使用 css3 或其他方式在没有图片的情况下在侧面做这个阴影吗?

我试着在这里做jsfiddle Demo

谢谢。

最佳答案

你想要这样的东西吗?
http://jsfiddle.net/jJCwL/4/

如果你只想要左右两边的阴影:
http://jsfiddle.net/jJCwL/5/

关于css - 如何仅在左侧和右侧从 div 中制作阴影渐变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11132347/

相关文章:

css - 我可以制作具有动态行数或列数的 CSS 网格吗?

css - 使用内联渐变将背景图像居中

javascript - 是否可以在某个绝对位置开始/停止 SVG 渐变?

ios - 在 iOS 中,alpha 为 0.5 的 shadowColor 和设置为 0.5 的 shadowOpacity 有区别吗?

iphone - 为 UITableView 添加阴影

ios - 使用阴影平滑旋转和更改 UIView 的大小

jquery - 使用 jquery 重新应用 css 类

jquery - CSS3 转换(转换)在 Firefox 中不起作用,但在 Chrome 和 Safari 中起作用

css - SASS:根据父类的子类

c# - 使用 RadialGradientBrush 绘制球体