本文介绍了如何使用CSS和JavaScript实现类似手电筒光照效果。主要通过设置CSS样式为绝对定位，利用径向渐变背景模拟光照，并通过JavaScript获取鼠标位置动态调整渐变中心，从而达到光照效果。此外，还提到了CSS的进一步调整来完成光照图层和背景图层的合并。
欢迎大家关注我的公众号【正义的程序猿】
大部分都是聊技术，偶尔会发点感概，生活总结。
先来看下效果：
可以看到，光标的位置像一个手电筒一样照着，这就是今天我们要实现的光照效果，主要代码如下：
<div class="box">
<div class="effect"></div>
<div class="item-list">
<div class="flex-row item-list-row">
<div class="flex-side flex-row item">
<div class="flex-side icon"></div>
<div class="flex-main">
最低0.47元/天 解锁文章
扫一扫
552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
