久久久久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>
上面添加

<style>
/* 深色背景 */
/* Logo 掃光特效 */
.hdc h2 a {
overflow: hidden;
display: block;
position: relative;
}
.hdc h2 a:before {
content: "";
position: absolute;
top: -50px;
left: -100%;
width: 200%; /* 增加寬度，確保掃光覆蓋范圍 */
height: 20px; /* 光帶的高度 */
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.3) 25%, /* 左側(cè)淡化，降低亮度 */
rgba(255, 255, 255, 0.5) 50%, /* 中間高亮，降低亮度 */
rgba(255, 255, 255, 0.3) 75%, /* 右側(cè)淡化，降低亮度 */
rgba(255, 255, 255, 0) 100% /* 完全透明 */
);
transform: rotate(-45deg);
animation: flashlights 5s ease-in-out infinite; /* 5s 控制掃光速度，數(shù)值越大越慢 */
z-index: 2; /* 確保偽元素在 Logo 上方 */
filter: blur(10px); /* 添加模糊效果，使光線更柔和 */
}
@keyframes flashlights {
0% { left: -100%; top: -50px; }
100% { left: 100%; top: 100px; }
}
</style>

復(fù)制代碼

淺色背景

<style>
/* 有l(wèi)ogo增加陰影效果 */
/* Logo 掃光特效 */
.hdc h2 a {
overflow: hidden;
display: block;
position: relative;
}
.hdc h2 a:before {
content: "";
position: absolute;
top: -50px;
left: -100%;
width: 200%; /* 增加寬度，確保掃光覆蓋范圍 */
height: 20px; /* 光帶的高度 */
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.6) 25%, /* 左側(cè)淡化 */
rgba(255, 255, 255, 0.9) 50%, /* 中間高亮 */
rgba(255, 255, 255, 0.6) 75%, /* 右側(cè)淡化 */
rgba(255, 255, 255, 0) 100% /* 完全透明 */
);
transform: rotate(-45deg);
animation: flashlights 2.5s ease-in-out infinite; /* 2.5s 控制掃光速度，數(shù)字越大越慢 */
z-index: 2; /* 確保偽元素在 Logo 上方 */
filter: blur(10px); /* 添加模糊效果，使光線更柔和 */
}
@keyframes flashlights {
0% { left: -100%; top: -50px; }
100% { left: 100%; top: 100px; }
}
/* 為 Logo 添加陰影 */
.hdc h2 a img {
position: relative; /* 確保陰影生效 */
filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.3)); /* 添加陰影 */
z-index: 1; /* 確保 Logo 在偽元素下方 */
}
</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_欧美日韩一区二区在线_国产精品三区四区_日韩中字在线

麻豆九一精品爱看视频在线观看免费| 1000部国产精品成人观看| 久久久国产午夜精品| 国产麻豆精品95视频| 欧美优质美女网站| 亚洲福利视频三区| 99国产精品私拍| 亚洲色图一区二区| 国内精品久久久久久久影视蜜臀 | 精品999成人| 国产日韩欧美a| 91麻豆swag| 久久久精品2019中文字幕之3| 99精品久久久久久| 韩国亚洲精品| 国产视频一区二区在线| 欧美一区二区三区久久精品| 久久久久久久久久久黄色| 成人va在线观看| 精品国产电影一区二区| 成人手机在线视频| 精品国产一二三| 成人福利视频在线看| 日韩精品一区二区三区老鸭窝| 国产一区二区免费在线| 欧美久久高跟鞋激| 国产麻豆91精品| 91精品国产综合久久小美女| 国产做a爰片久久毛片 | 欧美激情一区不卡| 国内不卡一区二区三区| 一区二区三区在线观看欧美| 亚欧美中日韩视频| 免费在线欧美视频| 8x8x8国产精品| 不卡的av网站| 国产精品免费视频观看| 亚洲二区精品| 亚洲国产日日夜夜| 日本高清不卡aⅴ免费网站| 国产婷婷色一区二区三区| 91老司机福利在线| 国产精品毛片大码女人| 99热免费精品| 日韩综合小视频| 欧美福利电影网| 99久久伊人精品| 亚洲欧洲精品天堂一级| 亚洲一区二区三区四区中文| 蜜桃在线一区二区三区| 日韩一区二区视频在线观看| 99r国产精品| 中文字幕在线观看不卡| 亚洲永久在线| 美脚の诱脚舐め脚责91| 欧美成人免费网站| 国产一区自拍视频| 五月天丁香久久| 欧美一二三区精品| 91色九色蝌蚪| 亚洲日本青草视频在线怡红院| 免费不卡亚洲欧美| 国产精品一卡二卡| 日本一二三不卡| 免费看亚洲片| 国产精品一区二区你懂的| 国产精品素人一区二区| 欧美亚洲一区二区三区| 国产一区二区免费在线| 中文幕一区二区三区久久蜜桃| 国产欧美丝祙| 精品综合免费视频观看| 久久精品夜色噜噜亚洲aⅴ| 国产亚洲毛片| 国产麻豆精品在线| 国产丝袜欧美中文另类| 麻豆成人小视频| 成人国产电影网| 亚洲伦理在线精品| 欧美日韩精品三区| 欧美日本一区二区高清播放视频| 亚洲福利一二三区| 69堂成人精品免费视频| 亚洲欧美综合| 日韩不卡一区二区三区| 麻豆精品91| 粉嫩欧美一区二区三区高清影视| 国产精品久久久久久久久动漫| 老司机久久99久久精品播放免费| 成人在线视频一区二区| 一区二区三区中文字幕| 欧美一区二区三区爱爱| 99热免费精品在线观看| 国产成人8x视频一区二区| 亚洲黄色av一区| 日韩欧美国产不卡| 国产精品亚洲综合久久| 国产91丝袜在线18| 亚洲一区二区三区四区在线| 日韩精品一区二区三区老鸭窝| 国产精品日韩久久久| 成人福利视频在线| 日本大胆欧美人术艺术动态| 亚洲国产高清在线观看视频| 欧美日韩免费高清一区色橹橹 | 国产肉丝袜一区二区| 看欧美日韩国产| 欧美日韩国产免费观看| 久久99精品久久久久久动态图| 国产精品大尺度| 日韩美女视频在线| 色婷婷综合五月| 红桃视频国产一区| 国产激情一区二区三区四区| 亚洲五码中文字幕| 国产欧美一区二区精品仙草咪| 欧美少妇bbb| 国产偷国产偷亚洲高清97cao| 国产成人精品www牛牛影视| 亚洲成人1区2区| 日本一区二区视频在线观看| 欧美日韩国产首页在线观看| 99国产成+人+综合+亚洲欧美| 成人av动漫网站| 美女国产一区二区三区| 亚洲综合视频网| 日本一区二区三区四区| 欧美一区二区三区在线看| 久久天堂国产精品| 亚洲高清二区| 牛牛国产精品| 丁香激情综合五月| 久久精品久久99精品久久| 亚洲一区视频在线观看视频| 国产精品色在线| 精品国产不卡一区二区三区| 精品1区2区3区| 男人的天堂成人在线| 亚洲大胆在线| 欧美日韩99| av电影天堂一区二区在线观看| 激情综合网av| 天堂久久一区二区三区| 亚洲免费在线电影| 国产精品入口麻豆原神| 精品国产污网站| 在线不卡免费av| 色哟哟一区二区三区| 亚洲伊人观看| 亚洲视频大全| 一区在线免费观看| 99re66热这里只有精品3直播| 九色porny丨国产精品| 青青草91视频| 日韩欧美一区二区在线视频| 精品视频一区二区三区| 色呦呦一区二区三区| 美女精品在线| 久久国产福利| 欧美资源在线| 久久激情一区| 亚洲一区二区三区午夜| 亚洲精品久久| 伊伊综合在线| 亚洲欧洲一二三| 亚洲激精日韩激精欧美精品| 黑人中文字幕一区二区三区| 国产精品激情电影| 欧美特黄一区| 激情91久久| 看片网站欧美日韩| 狠狠v欧美v日韩v亚洲ⅴ| 激情综合色综合久久| 国产精品中文字幕日韩精品 | 国产精品乱码妇女bbbb| 欧美韩日一区二区三区四区| 久久精品亚洲精品国产欧美| 久久九九国产精品| 欧美极品美女视频| 国产色综合一区| 欧美韩国日本一区| 国产精品免费丝袜| 亚洲视频在线观看一区| 自拍偷拍国产亚洲| 亚洲精品久久久蜜桃| 亚洲午夜精品在线| 婷婷综合在线观看| 另类小说视频一区二区| 激情成人综合网| 国产成人精品一区二区三区网站观看 | 欧美人妖巨大在线| 欧美日韩一区不卡| 51午夜精品国产| 日韩欧美成人一区二区| 久久嫩草精品久久久久| 国产欧美一区二区精品秋霞影院| 中文在线免费一区三区高中清不卡| 国产精品色哟哟网站| 亚洲精品视频一区二区| 亚洲成在人线在线播放|