首頁>>前端開發
網上看到一個大佬的文字特效很酷,直接轉載下來:
實現代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>這個文字特效很酷啊</title>
<style>
body{ background: #222;}
*{margin: 0;padding: 0;}
._borderWrap{
width: 580px;
height: 150px;
position: absolute;
left: 23%;
top: 25%;
}
._border{
line-height: 145px;
text-align: center;
font-size: 40px;
font-weight: bolder;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(left,#129835,#ece648 25%,#129835 50%,#F9E92B 75%,rgb(40, 150, 38));
background-size: 200%,100%;
-webkit-background-clip: text;
-webkit-animation: word 0.5s linear infinite ;
}
@keyframes word {
0%{background-position: 0 0}
100%{background-position: -100% 0}
}
</style>
</head>
<body>
<div>
<div>這個文字特效很酷啊</div>
</div>
</body>
</html>
將上面的代碼復制,然后保存在記事本中,將擴展名修改為.html,使用瀏覽器打開即可看到CSS制作的流光溢彩的文字效果咯。
- 上一篇: 織夢DedeCMS開始商業授權收費 你還用嗎?
- 下一篇: 幻燈片手機端電腦端分開功能
猜你喜歡
- 2022-11-10 【官方文檔】百度搜索網站被黑防范指南
- 2022-11-03 【干貨必備】百度搜索優質內容指南
- 2022-08-01 百度隱藏“快照”功能:原因未知-百度快照沒了?
- 2022-06-20 淺析“百度搜索基礎信息設置規范”!
- 2022-06-15 SEO尷尬,有排名,沒流量,沒咨詢,怎么辦?
- 2022-05-16 IE瀏覽器宣布6月16日退役 Edge瀏覽器將接棒
- 搜索
-
- 2023-02-03 流量運營的核心精華,又何止1000種方法
- 2023-02-03 什么是二類電商,一類電商和二類電商的區別
- 2023-02-02 搜狗競價退出歷史舞臺,SEM行業2023···
- 2023-01-11 營銷的底層邏輯
- 2023-01-05 如何生產優質的圖文內容
- 2022-12-10 SEM精細化運營:從展現到轉化的40個提···
- 2022-12-01 網站頁面黑白色濾鏡效果實現技巧
- 2022-11-26 優化 CSS 代碼的12個小技巧
- 2022-11-22 百度競價,簡單的創意也能收獲滿滿的點擊量···
- 2022-11-17 全中國一共有多少IP地址?
- 2022-11-10 【官方文檔】百度搜索網站被黑防范指南
- 2022-11-10 PbootCMS 默認Sqlite數據庫···
- 2019-11-01 Origin DNS error:使用百···
- 2020-12-01 一級域名好還是二級域名好?
- 2020-10-13 百度抓取診斷工具一直抓取失敗怎么辦?
- 2020-06-20 “401 - 未授權: 由于憑據無效,訪···
- 2019-12-09 域名解析后,網站返回狀態碼511應對方法
- 2021-01-06 百度移動端的搜索結果上線“踩頂”功能,對···
- 2020-09-03 element.style樣式的修改
- 2019-08-12 網站出現“403,服務器上文件或目錄拒絕···
- 2019-11-06 正確打開.db數據庫文件的兩種方式,避免···
- 2020-10-20 UC神馬搜索怎么做快速排名優化
- 2020-04-10 百度下拉框怎么刷?刷百度下拉框軟件原理及···
- 2020-09-27 css3實現一個div設置多張背景圖片
- 2019-04-08 網站日志咋分析?
- 2021-02-25 公司什么時候才需要做品牌推廣?
- 2021-07-16 2021年SEO屆專屬黑話
- 2021-11-18 頁面廣告規范多 本文幫你畫重點
- 2019-08-07 負面新聞處理,SEO手法迅速刪掉百度負面···
- 2020-03-23 咋提高site出圖率,可以指定展示圖片嗎···
- 2019-09-20 城里套路深:錨定效應在用戶決策時的應用
- 2019-03-08 網站有排名沒有流量怎么辦?立即改正不算晚
- 2020-02-01 落地在家辦公,如何推進工作效率?
- 2020-01-10 知名站長工具服務商:愛站網突然關站
- 2023-02-03 流量運營的核心精華,又何止1000種方法
- 2019-02-15 用js修改網站標題對SEO有何影響?
- 熱門標簽
-
- Error 1016
- Origin DNS error
- 源DNS服務器錯誤
- element.style
- css
- .db文件
- 域名解析
- 別名解析
- CNME解析
- A記錄
- asp.net
- php
- jsp
- 開發語言對比
- 白名單
- 香港主機
- 主機白名單
- 寶塔
- 個人備案
- 企業備案
- 網站備案
- 字體大小
- 用戶體驗
- 500錯誤
- 錨點跳轉
- 301
- 301重定向
- 301永久重定向
- 虛擬主機
- 網站搭建
- 自適應網站
- web前端
- 移動端
- 響應式網站
- 網站被黑
- 后臺入侵
- 源碼安全
- 開源CMS
- 織夢cms
- 阿里云服務器
- 實例類型
- ftp
- flashfxp
- js空鏈接
- 偽元素選擇器
- 偽類選擇器
- CSS3
- 備案駁回
- 阿里云備案
- 百度轉碼
- 禁止轉碼
- 域名備案
- 谷歌插件
- Chrome
- 服務器流量
- 網站流量耗盡
- win10連接遠程服務器
- 網站建設
- 低成本網站
- 服務器空間
- 網站空間選擇
- 網站設計
- seo要點
- seo建站方案
- 網站安全
- 網站體驗設計
- 老年用戶
- html標簽
- seo標簽
- 網站標簽
- 標簽優化
- 獨立ip主機
- seo服務器
- 0收錄
- 新域名收錄
- 網站收錄
- dede
- 分頁樣式代碼
- X-Powered-By
- robots.txt
- 營銷型網站
- 定制網站
- javascript
- 編程語言
- 服務器穩定性
- 網站續費
- filter
- 濾鏡
- SQL
- Sqlite
- pbootcms
- 蜘蛛
- 屏蔽蜘蛛
- PbootCMS
- sqlite
- mysql
- 數據庫