聚光灯下的画作

CSS+SVG实现聚光灯下高亮展示图片效果，适合艺术作品展览等场景

这是一款不依赖JavaScript技术实现的的灯光聚焦图片效果，基于CSS :target伪类与过渡动画实现，通过点击左上角灯具元素触发开灯效果，此时聚光灯下的图片呈现高亮显示效果，再次点击台灯...

可控台灯

纯CSS可自由调控的皮克斯台灯动画效果，支持扭动与跳跃的「顽皮跳跳灯」

这是一款纯CSS实现的皮克斯台灯效果，基于CSS技术模拟皮克斯经典台灯的造型，包括灯座、灯臂和灯罩的细节，结合光影效果，展现出逼真的3D视觉效果，并且设置了调控面板可实时调控参数达到灯臂360度...

台灯图标

带交互式开关动画效果的SVG图书馆台灯图标

这是一款图书馆台灯SVG交互动画图标效果，基于CSS和SVG技术实现，通过点击动态的调整台灯灯光和阴影效果营造温馨氛围，适用于阅读或学习类网站的视觉装饰。