请选择 进入手机版 | 继续访问电脑版

雨述

 找回密码
 立即注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

搜索
查看: 59|回复: 0

logo扫光特效

[复制链接]

414

主题

484

帖子

5127

积分

≡ 总站长 ≡

凌烟阁议会

Rank: 9Rank: 9Rank: 9Rank: 9

UID
1
威望
735
贡献
2290
金钱
7112
发表于 2022-6-14 14:08:06 来自手机 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
加载你模板目录的com的css。
  1. .logo a{
  2.     overflow:hidden;
  3.     display: block;
  4. }
  5. .logo a:before {
  6.   content: "";
  7.   position: absolute;
  8.   top: -50px;
  9.   left: -15px;
  10.   width: 250px;
  11.   height: 12px;/**光标的宽度,可根据实际调整**/
  12.   background-color: rgba(255,255,255,.5);
  13.   -webkit-transform: rotate(-45deg);
  14.   -moz-transform: rotate(-45deg);
  15.   -ms-transform: rotate(-45deg);
  16.   -o-transform: rotate(-45deg);
  17.   transform: rotate(-45deg);
  18.   -webkit-animation: FLASHlights 1s ease-in 1s infinite;
  19.   -o-animation: flashlights 1s ease-in 1s infinite;
  20.   animation: flashlights 1.5s ease-in 1s infinite;/**1.5数字参数控制扫光速度,数字越大越慢**/
  21. }
  22. @-webkit-keyframes flashlights {
  23.   0% { left: -100px; top: 0; }
  24.   to { left: 120px; top: 100px; }
  25. }
  26. @-o-keyframes flashlights {
  27.   0% { left: -100px; top: 0; }
  28.   to { left: 120px; top: 100px; }
  29. }
  30. @-moz-keyframes flashlights {
  31.   0% { left: -100px; top: 0; }
  32.   to { left: 120px; top: 100px; }
  33. }
  34. @keyframes flashlights {
  35.   0% { left: -100px; top: 0; }
  36.   to { left: 120px; top: 100px; }
  37. }
复制代码
爱我所爱,倾其为真
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|雨述· 雨亭轩 |网站地图|网站地图|吉ICP备20003128号-2

GMT+8, 2022-10-1 13:53 , Processed in 0.033269 second(s), 15 queries , Gzip On, Redis On.

雨述 by discuz! X3.4

© 2001-2022 Comsenz Inc.

快速回复 返回顶部 返回列表