CSS3ユーザーインターフェイスプロパティ
ユーザーインターフェイスプロパティを使用すると、任意の要素をいくつかの標準ユーザーインターフェイス要素の1つに変更できます。
CSS3ユーザーインターフェイスで使用される一般的なプロパティの一部:
値 | 説明 |
---|---|
外観 | ユーザーが要素をユーザーインターフェイス要素として作成できるようにするために使用されます |
ボックスサイズ | ユーザーが領域の要素を明確に修正できるようにします |
アイコン | 領域にアイコンを提供するために使用されます |
サイズ変更 | 領域内にある要素のサイズを変更するために使用されます |
アウトラインオフセット | アウトラインの背後を描画するために使用されます |
nav-down | キーパッドの下矢印ボタンを押したときに下に移動するために使用されます |
nav-left | キーパッドの左矢印ボタンを押したときに左に移動するために使用されます |
nav-right | キーパッドの右矢印ボタンを押したときに右に移動するために使用されます |
nav-up | キーパッドの上矢印ボタンを押したときに上に移動するために使用されます |
-
CSS3トランジション短縮プロパティ
遷移の省略形プロパティを使用すると、遷移プロパティ、遷移期間、遷移タイミング関数、および遷移遅延を、遷移プロパティの値として1行で指定できます。 以下は、CSSの遷移短縮プロパティのコードです- 例 <!DOCTYPE html> <html> <head> <style> .container div { width: 300px; height: 100px; border-radius: 1px; background-color: r
-
CSS3を使用した要素の2D変換
2D変換は、平行移動、回転、拡大縮小、傾斜などの要素構造を再変更するために使用されます。 以下は、2D変換関数の一部です- Sr.No。 値と説明 1 matrix(n、n、n、n、n、n) 6つの値を持つ行列変換を定義するために使用されます 2 translate(x、y) x軸とy軸とともに要素を変換するために使用されます 3 translateX(n) x軸とともに要素を変換するために使用されます 4 translateY(n) y軸とともに要素を変換するために使用されます 5 scale(x、y) 要