实现思路:
通过css中的 text -s hadow 来实现文字的发光效果
效果图:
代码如下:
</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;
m arg in -t op:200px;
text-align: center ;
}
</style>
<body>
<p class="textArea">帅</p><!--此处是文字内容-->
</body>
<script>
VAR text=document.querySelector('.textArea');//获取到我们的 p标签
//在 鼠标指针 进入到P标签上时触发
text.onmouseenter=function(){
text.innerHT ML ='我是你爸爸';//设置P标签之间的 HTML
};
//在鼠标指针离开P标签上时触发
text.onmouseleave=function(){
text.innerHTML='帅';//设置P标签之间的 HTML
};
</script>
总结
以上所述是小编给大家介绍的css实现发光文字及 一点 点js特效 , 希望对大家有所帮助 ,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
总结
以上是 为你收集整理的 css实现发光文字及一点点js特效 全部内容,希望文章能够帮你解决 css实现发光文字及一点点js特效 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
查看更多关于css实现发光文字及一点点js特效的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did200789