HTML – 仅使用CSS制作发光背景

概述我想只在CSS中创建此背景. 我想用CSS做到这一点,以避免响应问题. 您可以使用径向渐变来产生发光效果.您可以将颜色更改为与图像内联. 您应该注意的一件事是浏览器支持CSS渐变. IE< 10不支持他们.如果您需要支持旧版浏览器,那么CSS渐变将无济于事. body { background-image: radial-gradient(circle, rgb(49, 144, 228) 0 我想只在CSS中创建此背景.

我想用CSS做到这一点,以避免响应问题.

解决方法 您可以使用径向渐变来产生发光效果.您可以将颜色更改为与图像内联.

您应该注意的一件事是浏览器支持CSS渐变. IE< 10不支持他们.如果您需要支持旧版浏览器,那么CSS渐变将无济于事.

body {  background-image: radial-gradIEnt(circle,rgb(49,144,228) 0%,rgb(29,84,166) 100%);  height: 100vh;}

<!-- prefix free library included only to avoID vendor prefixes --><script src="https://cdnjs.cloudflare.com/AJAX/libs/prefixfree/1.0.7/prefixfree.min.Js"></script>

我看不到中间有任何额外的步骤,但如果你正在寻找不同百分比的几个步骤,那么看看下面的代码片段：

body {  background-image: radial-gradIEnt(circle,rgb(41,122,204) 30%,166) 70%);  height: 100vh;}

<!-- prefix free library included only to avoID vendor prefixes --><script src="https://cdnjs.cloudflare.com/AJAX/libs/prefixfree/1.0.7/prefixfree.min.Js"></script>

总结

以上是内存溢出为你收集整理的HTML – 仅使用CSS制作发光背景全部内容，希望文章能够帮你解决HTML – 仅使用CSS制作发光背景所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。