css實現發光文字,以及一點點js特效
摘要：
效果圖：
程式碼如下：
</head>
<style>
body{
background-color:#000;
}
.textArea{
font-size:100px;
co...
效果圖：
程式碼如下：
</head>
<style>
body{
background-color:#000;
}
.textArea{
font-size:100px;
color:#fff;
text-shadow:0 0 5px #e0ea33,
0 0 15px #e0ea33,
0 0 25px #e0ea33;
margin-top:200px;
text-align:center;
}
</style>
<body>
<p class="textArea">帥</p><!--此處是文字內容-->
</body>
<script>
var text=document.querySelector('.textArea');//獲取到我們的P標籤
//在滑鼠指標進入到P標籤上時觸發
text.onmouseenter=function(){
text.innerHTML='我是你爸爸';//設定P標籤之間的 HTML
};
//在滑鼠指標離開P標籤上時觸發
text.onmouseleave=function(){
text.innerHTML='帥';//設定P標籤之間的 HTML
};
</script>
實現思路：
通過css中的text-shadow來實現文字的發光效果
最後，給大家推薦一個 前端學習進階內推交流群685910553 （前端資料分享），不管你在地球哪個方位，
不管你參加工作幾年都歡迎你的入駐！（群內會定期免費提供一些群主收藏的免費學習書籍資料以及整理好的面試題和答案文件！）
如果您對這個文章有任何異議，那麼請在文章評論處寫上你的評論。
如果您覺得這個文章有意思，那麼請分享並轉發，或者也可以關注一下表示您對我們文章的認可與鼓勵。
願大家都能在程式設計這條路，越走越遠。