实现思路:
通过css中的text-shadow
来实现文字的发光效果
效果图:
代码如下:
</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实现发光文字及一点点js特效 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
需求 证件照在我们生活中也是随时都需要的,例如去办证、体检、或者是参加考试等...
如题,否则当页面改版时就可能出现下面的情况: 目前手上做一个改版的项目,将以前...
CSS 实现的文本截断 考察如下代码实现文本超出自动截断的样式代码: .truncate-t...
机器学习(ML)和深度学习(DL)在众多真实的应用场景中愈发重要。这些模型使用...
背景:每天进步一点点,多积累一点点.就会越来越棒 代码: !doctype htmlhtml lang=...
Dreamweaver是一个非常简单易用但又功能强大的 网页制作 软件。但是,它却又一个...
再次感谢大家对 Flutter Engage China 活动 的关注和积极参与!我们在活动前后收...
1. 需求 一张图片从左向右无限循环移动 2. 代码 由于是应用在移动端,故使用rem...
一、兜兜转转一大圈 兜兜转转一大圈,最后发现实现两端对齐布局方式最简单的居然...
前言:什么是spine? 为了让初学者有更加直观的初步的了解,笔者提供了一个简单...