シリーズCSS3のテキストシャドウ効果エンボス加工、中空の効果、蛍光効果、遮蔽効果

テキストの影

実際には、この事、言うことはほとんど何もない箱-shadowが、その後、理解していない→こちらをクリック   CSS3シリーズ詳細なボックスシャドウ   。

これは、4つのパラメータのみを持っています

  (第2の設定値のY位置)ぼかし(第一の設定値のX位置)Y(第3の値は、影のぼかしを設定)カラー(影の色を設定する第4の値を)×

これは、ボックスの影との違いは、内と影の影の外に分割されません。すぐ下に、テキストの影影、外部のテキストの影。

この章では、彼はいくつかの小さなアプリケーションを利用するには実現しません。

  エンボス:投

 

  中空効果:凹

  

  蛍光効果:フォント発光

 

  効果をマスク:

-webkit-背景クリップ:テキストフォントが内側から背景フォトギャラリーを設定します

-textフィル色:透明セットはフォントが透明になります。

この2つのプロパティは、唯一のWebKitのブラウザカーネルを持っています。だから、他のブラウザではサポートされていません。

 

-webkit-背景クリップ場合:テキストとテキストの影はと結合し、バグが存在します。どのようなバグ、次の例を見てみましょう。

このプロパティのテキストは、テキストが背景画像の一部になる:テキストは透明になり、クリップがこれは、なぜそれです。したがって、上記のテキストでのみ表示される影の位置、。だから、影はテキストをカバーしました。だから、目に見えないマスク効果。

 

 

おすすめ

転載: www.cnblogs.com/yanggeng/p/11199631.html