工作中用到的css样式

闪烁效果

 

.shanshuo{ 
    -webkit-animation: twinkle 1s infinite ease-in-out 
} 
.animated{ 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both 
} 
@-webkit-keyframes twinkle{ 
    0%{ 
        opacity: 0; 
    } 
    100%{ 
        opacity: 1; 
    } 
} 
@keyframes twinkle{ 
    0%{ 
        opacity: 0; 
    } 
    100%{ 
        opacity: 1; 
    } 
}

<div class="shanshuo">
	闪烁
</div>

 省略号

.ellipsis{
	width: 20px;
	text-overflow:ellipsis; // 略号形式
    white-space:nowrap;   //所有字符一行显示
    overflow:hidden;      //溢出隐藏
}