css3の新機能とは何ですか?

云罗郡主
リリース: 2021-04-15 09:43:12
オリジナル
76256 人が閲覧しました

CSS3 の新機能は次のとおりです: 1. 角丸効果; 2. グラフィック境界線; 3. ブロック シャドウとテキスト シャドウ; 4. RGBA を使用して透明効果を実現; 5. グラデーション効果; 6. 「」を使用します。 「@Font-Face」はフォントのカスタマイズを実現、7.複数背景画像、8.文字や画像の変形処理、9.複数段レイアウト、10.メディアクエリ等

css3の新機能とは何ですか?

#この記事の動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。

CSS3 は CSS のアップグレード バージョンです。この新しい標準セットは、ボックス モデル、リスト モジュール、ハイパーリンク メソッド、言語モジュール、背景と境界線、テキスト効果、複数の機能など、より豊富で実用的な仕様を提供します。 Firefox、Chrome、Safari、Opera など、多くのブラウザーがこのアップグレードされた仕様をすでにサポートしています。 Web 開発で CSS3 テクノロジーを使用すると、アプリケーションが大幅に美しくなり、ユーザー エクスペリエンスが向上し、プログラムのパフォーマンスも大幅に向上します。この記事では、より美しく実用的な CSS3 の新機能のいくつかに焦点を当てます。

1: CSS3 セレクター

1.基本セレクター

2.属性セレクター

3.疑似クラス選択ツール

2: CSS3 境界線と角丸

#1.CSS3 角丸枠 border-radius

2.Box シャドウ box-shadow

3: CSS3 の背景とグラデーション

1.CSS3 背景

background-image

2.CSS3 gradient

定義:指定した2色以上の間で翻訳トランジションを表示できます

4: CSS3トランジション

定義: CSS属性値を一定時間以内に許可しますマウスのクリック、マウスロール、または要素への変更時にスムーズなトランジションがトリガーされ、CSS プロパティ値をスムーズにアニメーション化します。

5: CSS3 変換

定義: 要素を座標系で変形させます。この属性には、移動、回転、拡大縮小できる一連の変形関数が含まれています要素。

6: CSS3 アニメーション

定義: 要素をあるスタイルから別のスタイルに徐々に変更する効果。

以上がcss3の新機能とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート