css -- "闪亮的文本竖线"

html-css075

css -- "闪亮的文本竖线",第1张

聚焦有时候会出现一闪一闪的黑色竖线，在css当中有此属性 caret-color

当我们想要改变竖线的颜色的时候，只需要输入颜色的指即可

当我们不想要这个竖线的时候，只需要输入 caret-color: rgba(0, 0, 0, 0)

总结如下

做闪光字可以用js代码来实现，纯css代码是很难实现的。JavaScript代码如下：

<div id="abc">这里是闪光的字</div>

<script>

var i=0

function shine(id){

var obj= document.getElementById(id)

if(i==0){obj.style.color="#000"i=1}else{obj.style.color="red"i=0}

}

setInterval("shine('abc')",100)

</script>