css样式中闪烁怎么做

需要准备的材料分别有：电脑、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. 使用transition属性，在元素改变前后添加过度效果，可以消除闪动。

2. 使用css3的transform属性，在宽度改变的时候，可以使用transform:scaleX来实现缩放无闪动的效果。

---