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

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

高洛峰
Lepaskan: 2017-02-14 15:15:06
asal
3699 orang telah melayarinya

.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;

}
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan