久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

Discuz! 官方交流社區(qū)

標(biāo)題: 給logo增加掃光效果 [打印本頁]
作者: ysx24    時間: 2025-1-22 19:16
標(biāo)題: 給logo增加掃光效果
測試為x3.5 默認模板 x3.4未測試，總的來說效果并不是很滿意，有時間慢慢調(diào)整
1、深色頂部或者logo
/template/default/common/header.htm
查找</head>
上面添加

  1. <style>
  2.     /* 深色背景 */
  3.     /* Logo 掃光特效 */
  4.     .hdc h2 a {
  5.         overflow: hidden;
  6.         display: block;
  7.         position: relative;
  8.     }

  10.     .hdc h2 a:before {
  11.         content: "";
  12.         position: absolute;
  13.         top: -50px;
  14.         left: -100%;
  15.         width: 200%; /* 增加寬度，確保掃光覆蓋范圍 */
  16.         height: 20px; /* 光帶的高度 */
  17.         background: linear-gradient(
  18.             90deg,
  19.             rgba(255, 255, 255, 0) 0%,
  20.             rgba(255, 255, 255, 0.3) 25%, /* 左側(cè)淡化，降低亮度 */
  21.             rgba(255, 255, 255, 0.5) 50%, /* 中間高亮，降低亮度 */
  22.             rgba(255, 255, 255, 0.3) 75%, /* 右側(cè)淡化，降低亮度 */
  23.             rgba(255, 255, 255, 0) 100% /* 完全透明 */
  24.         );
  25.         transform: rotate(-45deg);
  26.         animation: flashlights 5s ease-in-out infinite; /* 5s 控制掃光速度，數(shù)值越大越慢 */
  27.         z-index: 2; /* 確保偽元素在 Logo 上方 */
  28.         filter: blur(10px); /* 添加模糊效果，使光線更柔和 */
  29.     }

  31.     @keyframes flashlights {
  32.         0% { left: -100%; top: -50px; }
  33.         100% { left: 100%; top: 100px; }
  34.     }

  36. </style>
復(fù)制代碼

淺色背景
  1. <style>
  2.     /* 有l(wèi)ogo增加陰影效果 */
  3.     /* Logo 掃光特效 */
  4.     .hdc h2 a {
  5.         overflow: hidden;
  6.         display: block;
  7.         position: relative;
  8.     }

  10.     .hdc h2 a:before {
  11.         content: "";
  12.         position: absolute;
  13.         top: -50px;
  14.         left: -100%;
  15.         width: 200%; /* 增加寬度，確保掃光覆蓋范圍 */
  16.         height: 20px; /* 光帶的高度 */
  17.         background: linear-gradient(
  18.             90deg,
  19.             rgba(255, 255, 255, 0) 0%,
  20.             rgba(255, 255, 255, 0.6) 25%, /* 左側(cè)淡化 */
  21.             rgba(255, 255, 255, 0.9) 50%, /* 中間高亮 */
  22.             rgba(255, 255, 255, 0.6) 75%, /* 右側(cè)淡化 */
  23.             rgba(255, 255, 255, 0) 100% /* 完全透明 */
  24.         );
  25.         transform: rotate(-45deg);
  26.         animation: flashlights 2.5s ease-in-out infinite; /* 2.5s 控制掃光速度，數(shù)字越大越慢 */
  27.         z-index: 2; /* 確保偽元素在 Logo 上方 */
  28.         filter: blur(10px); /* 添加模糊效果，使光線更柔和 */
  29.     }

  31.     @keyframes flashlights {
  32.         0% { left: -100%; top: -50px; }
  33.         100% { left: 100%; top: 100px; }
  34.     }
  35. /* 為 Logo 添加陰影 */
  36.     .hdc h2 a img {
  37.         position: relative; /* 確保陰影生效 */
  38.         filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3)); /* 添加陰影 */
  39.         z-index: 1; /* 確保 Logo 在偽元素下方 */
  40.     }
  41. </style>
復(fù)制代碼

掃光速度：調(diào)整 animation: flashlights 1.5s ease-in 1s infinite; 中的 1.5s，數(shù)值越大速度越慢。

光帶亮度：調(diào)整 rgba(255, 255, 255, 0.8) 和 rgba(255, 255, 255, 1) 中的數(shù)值，控制光帶的亮度。

霧化效果：調(diào)整 box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); 中的參數(shù)，控制霧化的大小和透明度。
作者: 可樂不加冰    時間: 2025-1-23 12:50
把代碼 放在 這里也可以 免去修改文件的煩惱
(, 下載次數(shù): 35)
作者: ysx24    時間: 2025-1-23 12:59
可樂不加冰 發(fā)表于 2025-1-23 12:50
把代碼 放在 這里也可以 免去修改文件的煩惱

不清楚為什么，我這里添加的任何代碼都會完完整整的在首頁右下角顯示出來
也懶得去查原因
作者: 哥特    時間: 2025-3-15 20:57
這個挺不錯的啊，感謝分享
作者: TaC    時間: 2025-4-22 22:34
提示: 作者被禁止或刪除 內(nèi)容自動屏蔽
作者: ysx24    時間: 2025-4-22 23:53
TaC 發(fā)表于 2025-4-22 22:34
這東西不錯，本地測試了下，有效果。
但這東西在默認模板上顯示不是很特別，logo圖片小了點。
我網(wǎng)站是透明 ...

width: 200%; /* 增加寬度，確保掃光覆蓋范圍 */

? ??height: 20px; /* 光帶的高度 */
修改數(shù)值，
作者: TaC    時間: 2025-4-23 00:22
提示: 作者被禁止或刪除 內(nèi)容自動屏蔽
作者: TaC    時間: 2025-4-23 18:47
提示: 作者被禁止或刪除 內(nèi)容自動屏蔽



歡迎光臨 Discuz! 官方交流社區(qū) (http://www.9999xn.com/) Powered by Discuz! X5.0
久久久久av_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线
国产一区二区三区日韩 | 欧美日韩国产综合在线| 不卡的av电影| 欧美日本一区二区高清播放视频| 亚洲制服av| 欧美一级高清片| 国产精品五月天| 另类欧美日韩国产在线| 欧美日韩精品一本二本三本| 国产天堂亚洲国产碰碰| 日韩av电影一区| 91麻豆免费看片| 欧美在线一区二区三区| 国产精品日韩成人| 国内自拍一区| 69堂精品视频| 亚洲日本在线a| 久久91精品久久久久久秒播| 亚洲视频高清| 欧美日韩视频在线一区二区| 亚洲同性gay激情无套| 亚洲一级高清| 亚洲免费资源在线播放| 成人高清免费观看| 久久一区二区视频| 激情六月婷婷久久| av不卡在线| 国产三区在线成人av| 欧美日韩国产在线一区| 亚洲欧美国产高清| 麻豆精品网站| 国产精品嫩草影院av蜜臀| 一区在线电影| 亚洲精品大片www| 91美女片黄在线| 亚洲视频你懂的| 国产精品视频福利| 国产精品久久久久一区| 国产成人久久精品77777最新版本 国产成人鲁色资源国产91色综 | 综合婷婷亚洲小说| 国产欧美另类| 国产精品每日更新| 国产欧美综合一区二区三区| 青草国产精品久久久久久| 激情久久一区| 亚洲成va人在线观看| 欧美全黄视频| 一区二区视频在线| 成人网在线免费视频| 欧美色图天堂网| 亚洲国产欧美在线| 在线免费日韩片| 亚洲国产精品成人综合色在线婷婷| 国产成人aaa| 欧美日韩在线播放一区| 成人污视频在线观看| 成人欧美一区二区三区白人| 91丨九色丨蝌蚪丨老版| 中文字幕综合网| 欧美午夜精品久久久久久孕妇| 成人丝袜视频网| 成人免费视频在线观看| 在线免费亚洲电影| 96av麻豆蜜桃一区二区| 欧美一区二区免费视频| 美腿丝袜亚洲三区| 狼狼综合久久久久综合网 | 黑人巨大精品欧美一区| 国产午夜精品一区二区三区四区 | 亚洲精品在线三区| 国产剧情在线观看一区二区| 欧美色图12p| 欧美一区二区三区另类| 精品国产3级a| 99精品视频免费| 黄色成人免费在线| 国产精品国产三级国产专播品爱网| 久久网站免费| 日韩影院免费视频| 色吧成人激情小说| 免费不卡在线视频| 欧美极品另类videosde| 在线观看亚洲成人| 欧美日韩一区在线播放| 麻豆91免费观看| 综合婷婷亚洲小说| 日韩一区二区精品在线观看| 国产欧美亚洲一区| 高清不卡一区二区在线| 亚洲综合免费观看高清完整版 | 一区二区三区四区不卡在线 | 亚洲欧美日韩国产综合| 欧美日本视频在线| 国产精品白丝jk白祙喷水网站| 国产精品久久久久久久久搜平片 | 亚洲一区二区三区激情| 欧美一级理论片| 欧美亚洲免费| 日韩—二三区免费观看av| 久久综合视频网| 久久婷婷久久| 国内精品久久国产| 国产成人免费视频网站 | 亚洲美女色禁图| 成人免费视频国产在线观看| 五月激情丁香一区二区三区| 一本到三区不卡视频| www.av亚洲| 中文字幕精品三区| 911精品产国品一二三产区| 国产精品一区毛片| 欧美精品一区在线发布| 国产一区二区调教| 天天av天天翘天天综合网色鬼国产| 国产精品久久福利| 日韩欧美亚洲国产另类| 欧美精品免费观看二区| 久久99国内精品| 亚洲v中文字幕| 国产精品色哟哟| 精品久久久三级丝袜| 韩日视频一区| 国产伦精品一区二区三区免费迷 | 久久精品免费观看| 一个色综合网站| 中文字幕一区二区在线观看| 精品国一区二区三区| 精品视频资源站| 老司机久久99久久精品播放免费| 亚洲国产精品视频一区| 91美女片黄在线| 成人国产精品免费观看视频| 极品尤物av久久免费看| 午夜精品久久久久影视| 亚洲少妇中出一区| 国产女人aaa级久久久级| 亚洲伊人观看| 精品1区2区| 你懂的国产精品| 成人a级免费电影| 国产精品自拍一区| 精品一区二区三区久久| 日韩和欧美的一区| 亚洲福利视频一区二区| 一区二区在线观看视频在线观看| 国产精品全国免费观看高清| 久久婷婷综合激情| 欧美一卡二卡在线观看| 欧美视频精品在线观看| 一本久久综合亚洲鲁鲁五月天| 国产精品一区二区在线观看| 一区二区三区三区在线| 亚洲高清激情| 亚洲电影在线| 国内精品99| 激情久久久久久久| 激情久久久久久| 亚洲天堂激情| 亚洲手机视频| 在线不卡视频| 亚洲精品影院| 99精品热6080yy久久| 亚洲精品乱码久久久久久蜜桃麻豆 | 国产综合色产在线精品| 美女网站在线免费欧美精品| 美女在线视频一区| 麻豆精品视频在线观看免费| 麻豆成人综合网| 激情综合色综合久久| 另类小说视频一区二区| 麻豆视频一区二区| 久久国产婷婷国产香蕉| 国产在线乱码一区二区三区| 国产成人亚洲精品青草天美| 国产精品99久久久久久久vr| 成人中文字幕在线| 北条麻妃国产九九精品视频| 91在线porny国产在线看| 欧美激情视频一区二区三区在线播放 | 日韩一区二区在线免费观看| 欧美大片日本大片免费观看| 2024国产精品| 欧美极品美女视频| 亚洲欧美日韩在线| 午夜视频在线观看一区二区 | 亚洲在线观看| 色综合久久久久| 欧美日韩免费视频| 欧美一区午夜视频在线观看| 精品福利在线导航| 国产精品久久久一区麻豆最新章节| 亚洲美女屁股眼交3| 亚洲自拍偷拍av| 日韩精品福利网| 国产麻豆一精品一av一免费| 成人app网站| 欧美午夜不卡| 国产精品日韩欧美一区二区三区| 色国产精品一区在线观看| 91麻豆精品国产自产在线 |