JavaScript实现图片圆角阴影效果
WordPress 里的图片样式总是太平？加个圆角和阴影效果，页面立马有质感多了。实现方式也不难，直接在header.php或者single.php里加段 JS 代码就行，记得给需要加特效的图片加上class="glossy"，样式就自动套上了。圆角、阴影、响应快，效果还蛮高级的。
样式的代码不用太复杂，浏览器兼容性也挺不错，主流环境都能稳稳运行。如果你写的是 WordPress 博客，那就再合适不过了。要是你在搞 H5 页面，稍微改下类名和挂载方式，也能无缝用上。简单粗暴，有效果。
你要是想研究得更细一点，推荐顺带看看这几篇相关文章：CSS 圆角阴影跨浏览器兼容方案讲得比较全，ie js 实现圆角也可以参考下老浏览器的兼容写法。
如果你也觉得 WordPress 的默认图片有点无聊，不如试试这个方法。动手门槛不高，效果还挺加分的。
文件大小：285.3KB
评论区