ブラザーズCSS3チュートリアルHTML5 CSS3プロパティの秘密のITバンド3

5f16a58a57bc47108e1c532aebeafd05.jpg

 

5ユーザーインターフェイスのプロパティ

CSS3では、新しいユーザーインターフェイス機能をリセットする要素の大きさなど、およびアウトラインボックスのサイズが含まれます。このセクションでは、プロパティのサイズを変更するものに焦点を当て、唯一のFirefox 4とSafari 3のブラウザは、このプロパティをサポートしています。プロパティには、サイズの可能な値は以下のものが含まれる再定義テキストエリアのサイズを変更するために使用することができます。

入出力なし:調整機構が設けられていないユーザーエージェントサイズは、ユーザが要素のサイズを調整することができません。

Ø両方:バイサイズ調節機構を提供するユーザーエージェント、ユーザは要素の幅と高さを調整することができます。

水平(O)一方向水平サイズ調節機構を提供するユーザーエージェントは、ユーザが要素の幅を調整することができます。

O垂直:一方向の垂直サイズ調整機構を設けるユーザーエージェントは、ユーザが要素の高さを調整することができます。

次のようにサンプルコードは次のとおりです。

865082ab2af94fe7b098b491b31dd290.png

 

6アニメーションプロパティ

CSS3おそらく最もエキサイティングな追加は、JavaScriptの要素なしでアニメーションを生成することです。変換﹑﹑遷移アニメーション:CSS3アニメーションは、3つの共通の属性があります。それは、プロパティのアニメーション効果を達成することができる変換が、それは実際には、基本的に静的であり、グラフィック変換ツールに見えますが、遷移プロパティ操作が非常に簡単でシンプルなアニメーションプロパティ、である;アニメーションプロパティには、真のアニメーションプロパティです、それはあなたが複雑なアニメーションを実現するために、各キーフレームに要素を複数のキーフレームとプロパティ値を定義することができ、遷移プロパティを拡張したものですが、非常に強力。次の例では、遷移特性模倣効果を使用した場合に右、右スライドテキストへのリンク上にマウス。

おすすめ

転載: www.cnblogs.com/itxdl/p/11809905.html