CSS3の新機能は何ですか? CSS3の新機能を詳しく解説

この記事では、CSS3 の新機能について説明します。 CSS3 の新機能について詳しく説明していますので、困っている方は参考にしていただければ幸いです。 [推奨チュートリアル: CSS チュートリアル ]

CSS3 の新機能は何ですか?

新しいセレクター p:nth-child(n){color: rgba(255, 0, 0, 0.75)}

フレキシブル ボックス モデル表示: flex;

複数列レイアウト 列数: 5;

メディア クエリ @media (最大幅: 480px) {.box: {列数: 1;}}

パーソナリティ フォント- face{font-family:BorderWeb;src:url(BORDERW0.eot);}

色の透明度の色: rgba(255, 0, 0, 0.75);

丸みを帯びた境界線の半径: 5px;

グラデーション背景: 線形グラデーション (赤、緑、青)

シャドウ ボックス-シャドウ: 3px 3px 3px rgba (0, 64, 128, 0.3);

リフレクション ボックス-reflect: 2px 未満;

テキスト装飾 text-blood-color: red;

テキスト オーバーフロー text-overflow:ellipsis;

背景効果の背景-size: 100px 100px;

ボーダー効果 border-image:url（bt_blue.png） 0 10;

Transformation

Rotation 変換: 回転 (20 度);

傾斜変換: skew(150deg, -10deg);

変位変換:translate(20px, 20px);

スケール変換:scale(.5 );

スムーズなトランジション トランジション: すべて .3s イーズイン .1s;

Animation@keyframes anim-1 {50% {border-radius: 50%;}} アニメーション: anim- 1 1s;

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