需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
@keyframes blink{
0%{opacity: 1;}
100%{opacity: 0;}
}
@-webkit-keyframes blink {
0% { opacity: 1; }
100% { opacity: 0; }
}
.blink{
color: #dd4814;
animation: blink 1s linear infinite;
-webkit-animation: blink 1s linear infinite;
}
3、浏览器运行index.html页面，此时文字实现了闪烁的效果。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2013-04-16
方法一：<BLINK>
文字闪烁！！！
</BLINK>方法二：在控制该容器的CSS里加入：text-decoration:blink;
注意：IE6不支持，要想支持IE6的话，要用JS或其它。
文字闪烁！！！
</BLINK>方法二：在控制该容器的CSS里加入：text-decoration:blink;
注意：IE6不支持，要想支持IE6的话，要用JS或其它。
第2个回答 推荐于2018-02-27
这个效果其实很简单，仅是一句 CSS 就可以搞定，text-decoration:blink; 不过很可惜，IE、Chrome 或 Safari 不支持 "blink" 属性值，所以只有在 Firefox 和 Opera 下支持这 CSS 实现在闪动效果。不过用JS可以解决兼容问题，话不多说，上码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<span id="blink">闪烁文字</span><!---以下是控制闪烁的JavaScript代码------>
<script type = "text/javascript" >
function blinklink() {
if (!document.getElementById('blink').style.color) {
document.getElementById('blink').style.color = "red";
}
if (document.getElementById('blink').style.color == "red") {
document.getElementById('blink').style.color = "black";
} else {
document.getElementById('blink').style.color = "red";
}
timer = setTimeout("blinklink()", 100);
}
function stoptimer() {
clearTimeout(timer);
}
blinklink()
</script>
<!-------------结束-----------></body>
</html> 帮一个 少一个 你快乐 我快乐本回答被网友采纳
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<span id="blink">闪烁文字</span><!---以下是控制闪烁的JavaScript代码------>
<script type = "text/javascript" >
function blinklink() {
if (!document.getElementById('blink').style.color) {
document.getElementById('blink').style.color = "red";
}
if (document.getElementById('blink').style.color == "red") {
document.getElementById('blink').style.color = "black";
} else {
document.getElementById('blink').style.color = "red";
}
timer = setTimeout("blinklink()", 100);
}
function stoptimer() {
clearTimeout(timer);
}
blinklink()
</script>
<!-------------结束-----------></body>
</html> 帮一个 少一个 你快乐 我快乐本回答被网友采纳
相似回答