给网站logo添加css帅气亮光扫过特效 附教程

给网站logo添加css帅气亮光扫过特效 附教程

TAG 亮光扫过 亮光特效 logo特效 css 网站logo



130

10 次

0

发布时间:2021年05月04日 21:18
网盘下载 解压密码

简介:

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


教程:

步骤一:

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

步骤二:

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

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

步骤三:

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

注意以下问题:

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

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

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

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


网盘下载地址:

http://kekewl.cc/UEBZP7PD3eQ


解压密码:

点我获取


图片:

image.png


网盘下载 解压密码

用户评论 (共0条)

评论前必须

免责声明:

本站所有数据均系网友搜集自互联网后分享,版权争议与本站无关。如侵犯到您的权益,请联系邮箱tangrenseo@foxmail.com,本站会尽快删除。所有内容及软件的文章仅限用于学习和研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关。本站不提供下载且不存储实质性数据,只是提供互联网上分享的下载的网址,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。