Vueの効果

 

 

1.テキストつかの間-明るい

<ビュークラス = ショーシャン > [特長:友人の署名円が中心] </ビュー>


{.SHOW -Shan
テキスト整列=左:センター;
/ *背景色をグラデーション線形* /
/ *書かれた古い* /
/ *線形勾配が線形であり、以下の文言を使用できること。左上、右上、右上* /左上、勾配の方向を指し
、出発点として勾配の最初の位置を示し、/ *色ストップ機能、0、0.5の中間点、1は、エンドポイントであり、第二のものです色を見つけます。真ん中の白い徐々に* /の両側に、このグレーのグラデーションよう
な背景:-webkit-勾配(リニア、トップは、右上、色-STOP(0、#4d4d4d)、色-STOP(0.4、#4d4d4d)、色を残しました-stop(0.5、ホワイト)、色-STOP(0.6、#4d4d4d)、色-STOP(1、#4d4d4d。));
/ *新しい書かれた* /
/ *背景:-webkit-直線勾配(左上、右上、色ストップ( 0、#4d4d4d)、色ストップ(0.4、#4d4d4d)、色ストップ(0.5、白)、色ストップ(0.6、#4d4d4d)、色ストップ( 。1、#4d4d4d)); * /


/ *セットテキスト、外部クロップ* /へのテキストの文脈意味
-webkit-背景クリップ:テキスト;
/ *ここでテキスト塗りつぶし色オブジェクトを設定透明* /
-text-塗りつぶし- WebKitの色:透明;
/ *属性CSS3アニメーションの無限ループを実行*アニメーション/以下の2秒ごとに呼び出す
-webkit-アニメーション:アニメーション1.5秒無限;
}
/ *互換性のある書き込み、入れて! *キーフレーム/の前に
@ -webkit-キーフレームアニメーション{
水平位置から/ *背景-100px、水平位置が+ 100pxにまで移動させます。* / Y軸、第2の設定値を移動する
から、{背景位置:-100px;}
に{背景位置:100pxにし;}
}
@keyframes {アニメーション
{背景位置から:-100px;}
{に位置背景:100ピクセル;}
}

 

おすすめ

転載: www.cnblogs.com/vip-deng-vip/p/12528814.html