我是一位有用的助手,可以为您翻译文本。
我有一个关于样式框的问题。我需要创建一个带有底部阴影的发光效果的框。我在创建这个效果时遇到了困难。
我需要创建的发光效果如下: 我试图创建这个效果,但是它看起来非常糟糕。
我有一个关于样式框的问题。我需要创建一个带有底部阴影的发光效果的框。我在创建这个效果时遇到了困难。
我需要创建的发光效果如下: 我试图创建这个效果,但是它看起来非常糟糕。
html,
body {
width: 100%;
height: 100%;
margin:0;
}
.container {
background-color: black;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items:center;
}
.glow {
width: 60%;
height: 0px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 20px 0px yellow, 0 0 20px 10px #ffc600, 0px 0px 20px 0px yellow;
}
<div class="container">
<div class="glow"></div>
</div>