📝 代码查看
使用runcode.html页面

1
查看次数
2025-10-31
创建时间
2025-10-31
最后更新
<h4>第一个圈按下，看看渐变有没有视觉变化</h4>
<div class="radial-gradient"></div>
<div class="radial-gradient2"></div>
.radial-gradient,
.radial-gradient2 {
    width: 200px; height: 200px;
    border: 1px solid silver;
    background: radial-gradient(closest-side circle, yellow, orange, red, white);
}
.radial-gradient2 {
    border-color: gray;
    background: radial-gradient(closest-side circle, yellow 0, orange 33.33%, red 66.666%, white);
    position: relative;
}
.radial-gradient:active {
    position: absolute;
}
暂无JavaScript代码

👁️ 实时预览