记录文字闪烁动态变换颜色的方法

  

还有一种方法是利用动画来实现颜色的变换

 #navTabs .items {
            position: relative;
            list-style: none;
            text-align: center;
            animation: change .5s linear .5s infinite;
        }

        @keyframes change {
            0% {
                color: #FFF;
            }

            100% {
                color: red;
            }
        }

在vue中是按照有序方法,绑定动态class实现

  


  • 最先后的
  • mounted() { setInterval(() => { if(this.colorFlag){ this.colorFlag = false }else{ this.colorFlag = true } }, 500); },

     

    你可能感兴趣的:(记录文字闪烁动态变换颜色的方法)