Rumah >hujung hadapan web >tutorial css >css文字效果,文字颜色有光影流动

css文字效果,文字颜色有光影流动

高洛峰
高洛峰asal
2017-02-14 15:15:063714semak imbas

.sq_start {
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 3;
    margin-left: -50px;
    width: 100px;
    height: 20px;
    font-size: 18px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0, #549A66),color-stop(0.3, #3CAF5A),color-stop(0.5, white),color-stop(0.7, #3CAF5A),color-stop(1, #3CAF5A));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-animation: slidetounlock 4s 

linearinfinite;

    animation: slidetounlock 4s 

linear infinite;

}

更多css文字效果,文字颜色有光影流动 相关文章请关注PHP中文网!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css与css3对比Artikel seterusnya:CSS样式书写顺序