CSS实现标签闪动效果

给标签元素的class 添加className即可

<style>
            
            .className{
                -webkit-animation: twinkling 1s infinite ease-in-out
            }
            .animated{
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both
            }
            @-webkit-keyframes twinkling{
                0%{
                    opacity: 0.5;
                }
                100%{
                    opacity: 1;
                }
            }
            @keyframes twinkling{
                0%{
                    opacity: 0.5;
                }
                100%{
                    opacity: 1;
                }
            }
        </style>

 

 添加class为className的标签元素会一闪一闪的效果