html - 我可以使用 CSS 将径向渐变 'overlay' 设置为 div 吗?

标签 html css gradient radial-gradients

这是我用来为网站上的 div 提供径向渐变“白光”效果的图像示例。

enter image description here

目前该图像被设置为 div 背景 - 它大约有 338KB 大,这在网络方面是 Not Acceptable 。它大得令人难以置信!

假设我的 div 有类似的东西:

.my-div {
    background-color: darkblue;
}

我可以应用径向背景将这种白色叠加在上面以达到类似的效果吗?

我不打算支持 IE9 及更低版本,因此任何适用于现代浏览器和现代移动浏览器的东西都适合我的用例。

最佳答案

试试 colorzilla。这是使用 CSS3 制作的径向渐变示例

http://jsfiddle.net/JRUnr/73/

关于html - 我可以使用 CSS 将径向渐变 'overlay' 设置为 div 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20171094/

相关文章:

javascript - jQuery动画改变窗口大小

安卓宽度 :100% fix (website takeover issue)

html - 不清楚 CSS3 渐变中的百分比 % 符号

c# - 在 GDI+ 中沿其笔划宽度绘制具有线性渐变的多段线

android - 用于移动 Web 应用程序的 Titanium 还是 PhoneGap?

jquery - 将选择器添加到我的 iframe

html - 为什么子div的盒子阴影有时会跳到父div?

gnuplot - 如何改进 Gnuplot 中渐变和填充元素的渲染?

html - css 伪类 last-child 问题

Javascript 不更新样式