给网站logo添加css帅气亮光扫过特效附教程-白红宇的个人博客

发布日期：2021-05-07 18:11:19 浏览次数：17 分类：技术文章

本文共 455 字，大约阅读时间需要 1 分钟。

简介：

最初看到扫光特效还真的以为是gif，发现并不是，发现基本上都是用 :before 选择器实现的扫光效果，具体扫光参数可以自定义，可以用次方法在自己的站点上试试。在一些WordPress模板上常见此特效，当然也可以用于其他建站系统的站点。

步骤一：

电脑右击，手机当然也可以找到相应工具即可，获取首页源码，确定你的网站logo的class属性名称

步骤二：

找到所用模板文件得全局css开始添加:before 选择器代码

提示(.logo:before{ )若class属性为其他括号中则改为其他。

步骤三：

添加完成后上传css，新缓存查看效果，因每站结构不同，可能效果显示有差别，可以根据具体情况自行修改相关扫光参数。

注意以下问题：

1、:before 选择器在被选元素的内容前面插入内容。

2、可以使用 content 属性来指定要插入的内容。

3、所有主流浏览器都支持 :before选择器。

4、: before在IE8中运行，必须声明 <!DOCTYPE>。

上一篇：随机二次元新浪图床api源码

下一篇：本地随机图床api源码

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！