ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSテキスト効果、テキストカラーには光と影の流れがあります

CSSテキスト効果、テキストカラーには光と影の流れがあります

高洛峰
高洛峰オリジナル
2017-02-14 15:15:063714ブラウズ

.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 中国語 Web サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:cssとcss3の比較次の記事:cssとcss3の比較