文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用HTML/CSS/JS使背景发光？

问如何使用HTML/CSS/JS使背景发光？
EN

Stack Overflow用户

提问于 2021-12-31 04:38:02

回答 4查看 342关注 0票数 -3

我只是问你是否可以通过使用HTML、CSS或JavaScript在网页的背景上添加一种辉光/亮光效果(我不认为JavaScript能做到这一点，不过，我只是认为我会把它包括在内)？如果可能的话，你是如何做到这一点的？我在这里附了一张图片：这。简而言之，我想问的是，你到底是如何在一页的背景上实现发光/发光的效果的？

希望你能理解我的怀疑(如果没有，请在评论中随意提问)。

提前感谢！

javascript

html

css

回答 4

Stack Overflow用户

回答已采纳

发布于 2021-12-31 04:55:10

使用radial-gradient()

.screen {
  margin: 0 auto;
  width: 150px;
  height: 300px;

  background: rgb(193,193,193);
  background: radial-gradient(circle at 90% 5%, rgba(123,123,123,1) 0%, rgba(50,50,50,1) 26%, rgba(0,0,0,1) 52%);
}

<div class='screen'></div>

票数 1

Stack Overflow用户

发布于 2021-12-31 04:44:15

您可以为此使用径向梯度()并将其设置在后台。请记住，您可以使用多个梯度，固体颜色，图像等，与background属性在CSS。

此外，如果你想要一个更真实的光源和/或动画它，你需要使用WebGL为它。我建议调查一下THREE.js。

票数 1

Stack Overflow用户

发布于 2021-12-31 04:45:16

试试这个

background: radial-gradient(ellipse at top right, #8888, black);

你可以根据你的要求调整一点六角形。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70539031

复制

相似问题

问如何使用HTML/CSS/JS使背景发光？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用HTML/CSS/JS使背景发光？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用HTML/CSS/JS使背景发光？
EN