效果
按钮右上角闪烁信息效果
HTML代码
<a href="#" class="quanbaike" title="申请加盟" id="quanbaike" rel="nofollow"><i class="icon"></i>加盟咨询</a>
CSS 代码
.quanbaike::after {
content: '1';
opacity: 1;
animation: dot_anim 1000ms infinite;
position: absolute;
right: -10px;
top: -10px;
width: 20px;
height: 20px;
line-height: 20px;
color: #fff;
font-size: 12px;
overflow: auto;
border-radius: 50%;
background-color: #fbc025;
text-align: center;
}