由 Deepseek提供支持

conic-gradient()模拟出光源阴影效果，从而实现一个充满高级感的背景光动画，感兴趣的小伙伴可以跟随小编一起学习一下，感兴趣的小伙伴，可以自己研究一下其他的颜色。

整合代码：

广告

<div class="oaklee"></div>
<style>
.oaklee{
width: 1000px;
    height: 600px;
background:
        conic-gradient(
            from -45deg at 400px 300px,
            hsla(170deg, 100%, 70%, .7),
            transparent 50%,
            hsla(219deg, 90%, 80%, .5) 100%),
            linear-gradient(-45deg, #060d5e, #002268);
}
</style>

实例：

广告

距本场结束剩 00天 00时 00分 00秒

轻量应用服务器 2核2G

200M峰值带宽，适用于网站搭建、Web应用、容器环境、电商独立站等

立即前往

扫描二维码购买