1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css横排文字光影效果_css实现发光文字 以及一点点js特效

css横排文字光影效果_css实现发光文字 以及一点点js特效

时间:2019-07-08 04:14:12

相关推荐

css横排文字光影效果_css实现发光文字 以及一点点js特效

效果图:

代码如下:

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;

}

var text=document.querySelector('.textArea');//获取到我们的P标签

//在鼠标指针进入到P标签上时触发

text.οnmοuseenter=function(){

text.innerHTML='我是你爸爸';//设置P标签之间的 HTML

};

//在鼠标指针离开P标签上时触发

text.οnmοuseleave=function(){

text.innerHTML='帅';//设置P标签之间的 HTML

};

实现思路:

通过css中的text-shadow来实现文字的发光效果

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。