[CSS] CSS3の追加プロパティ

1.CSS3ボーダー:

RADIUSボーダー: CSS3は、コーナーを丸め。CSS2のスキルを必要として角の丸い四角形を追加し、我々は非常に簡単で、CSS3で、国境radiusプロパティは、フィレットを作成するために使用され、別の画像にCSS3の各フィレットを使用する丸みを帯びた角を作成する必要があります。ボーダー:2ピクセルソリッド;
箱-シャドウ: CSS3のダークボーダー。CSS3で、ボックスシャドウはシャドウボックスを追加するために使用されます。シャドーボックス:10pxの10pxの5pxの#888888;
ボーダー-画像: CSS3ボーダー絵。CSS3ボーダー-imageプロパティにより、あなたは境界線を作成するために写真を使用することができます。ボーダー-画像:URL(border.png) 30 30ラウンド。

2.CSS3の背景:

**背景サイズ:背景画像の**指定したサイズ。CSS3前に、背景画像のサイズは、画像の実際のサイズによって決定されます。CSS3では、背景画像のサイズが異なる環境で再使用背景画像に私たちを可能にする、特定することができます。あなたは、どちらかのピクセルまたは割合は、サイズを指定することができます。もし所定の割合、幅および高さに対する親要素の次に、サイズの大きさ。
背景の起源:背景画像の指定された位置エリア。背景画像は、コンテンツボックス、パディングボックスまたは境界ボックス領域に配置することができます。

3.CSS3テキストエフェクト:

テキストの影: CSS3では、テキストの影がテキストの影に適用することができます。シャドウテキスト:5pxの5pxの5pxの#FFFFFF、
ワードラップ: P {ワードラップ:長すぎる単語は、それが次の行に分割ロングワード、及びラップできるように、特定の領域を超えてはならないブレーク -wordと、 }

4.CSS3 2D変換:

変換: CSS3変換、我々は移動することができる要素、スケール、回転、伸長または延伸することにより。
翻訳():(Y座標)左所与の(x座標)と上部位置パラメータに基づいて、現在位置からの要素は、:変換:(は50px、100pxに変換 ) 値は、素子の左側から(は50px、100pxに)を変換画素50は、上から画素100が移動する移動。
:回転()時計回りに所定の角度要素を回転させます。負の要素が回転を反時計回りを許可します。変換:回転(30度)、回転要素30を時計回りの回転値(30度)。
スケール():変換:要素が所定の幅(X軸方向)及び高さ(Y軸)のパラメータに応じて、大きさを増減スケール(2,4);値スケール(2,4)は、元の幅に変換され2倍の大きさは、高さが4倍の高さに変換されます。
)(スキュー:変換:要素は、所定の水平線(X軸)及び垂直線(Y軸)のパラメータに応じて所定の角度に回転させてスキュー(30度、20deg ); X軸値スキュー(30度、20deg)約要素20度回転Y軸から約30度回転。
マトリックス():マトリックス()メソッドは、すべての2D変換方法を組み合わせること。回転、ズーム、およびモバイルの要素を傾け:マトリックス()メソッドは、にあなたをできるように数学関数を含む6つのパラメータが必要です。

5.CSS3 3D変換:

回転X():回転の所定の程度にその軸線Xについての要素。変換:回転X(120deg)、
回転Y():回転の所定の程度にその軸Yに関する要素。変換:回転Y(120deg)。

6.CSS3遷移:ときに別のスタイル要素の添加の影響1つのスタイル要素から変換。
7.CSS3アニメーション:CSS3によって、私たちは、ウェブページ、FlashアニメーションとJavaScriptの数でアニメーション画像を置き換えることができアニメーションを作成することができます。
8.CSS3複数の列:

列数:要素の指定された列数を分離する必要があります。
カラムギャップ:列間の所定の間隔。
コラムルール:列の間の幅、スタイル、色ルールを設定します。

9.CSS3のユーザーインターフェース

サイズを変更:要素のサイズは、ユーザによって調整することができる属性を指定するかどうか。
ボックスサイズ:プロパティは、適応の特定の領域の正確な内容を定義することができます。
アウトラインオフセット:属性プロファイルオフセット、および境界線のエッジの輪郭を越えた位置に描画。

公開された28元の記事 ウォンの賞賛4 ビュー20000 +

おすすめ

転載: blog.csdn.net/weixin_40736319/article/details/104663374
おすすめ