国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS3制作炫酷的自定義發光文字

2024-07-11 08:33:10
字體：大 中 小
來源：轉載
供稿：網友

本文為大家分享一款基于純CSS3的文字發光特效，當我們將鼠標滑過文字時，文字就會模擬發光動畫，展現出非常酷的發光畫面。另外，由于引用了特殊字體，所以整個文字效果看起來有著3D立體的特效，如果你的網絡無法加載這些字體，可能是由于國外的這個網站被墻的緣故，就像google的字體庫網址被屏蔽那樣。

HTML代碼

XML/HTML Code復制內容到剪貼板
  1. <div id="container">     
  2.   <p><a href="#">       RED   
  3.   </a></p>     
  4.   <p><a href="#">       BLUE   
  5.   </a></p>     
  6.   <p><a href="#">       Yellow   
  7.   </a></p>     
  8.   <p><a href="#">       GREEN   
  9.   </a></p>     
  10.   <p><a href="#">       ORANGE   
  11.   </a></p>     
  12.   <p><a href="#">       VIOLET   
  13.   </a></p>     
  14. </div>     

CSS代碼

CSS Code復制內容到剪貼板
  1. /*setup*/   *{   
  2.   margin: 0;      padding: 0;   
  3. }      
  4. @font-face {      font-family: 'Monoton';   
  5.   font-style: normal;      font-weight: 400;   
  6.   src: local('Monoton'), local('Monoton-Regular'), url(http://themes.googleusercontent.com/static/fonts/monoton/v4/AKI-lyzyNHXByGHeOcds_w.woff) format('woff');    }   
  7.    @font-face {   
  8.   font-family: 'Iceland';      font-style: normal;   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 油尖旺区| 江北区| 海兴县| 霞浦县| 瑞安市| 丰宁| 苏州市| 永丰县| 赤水市| 禹城市| 密山市| 唐海县| 连山| 通山县| 天津市| 庆云县| 策勒县| 仙桃市| 金昌市| 东辽县| 涿州市| 房产| 安塞县| 大丰市| 张家界市| 南投市| 枣强县| 安达市| 庐江县| 平阴县| 伊金霍洛旗| 大化| 电白县| 鹰潭市| 鸡泽县| 临潭县| 桐城市| 韶山市| 阳朔县| 小金县| 宝鸡市|