Quelles sont les nouvelles fonctionnalités de CSS3 ? Explication détaillée des nouvelles fonctionnalités de CSS3

Cet article vous apporte quelles sont les nouvelles fonctionnalités de CSS3 ? Une explication détaillée des nouvelles fonctionnalités de CSS3 a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile. [Tutoriel recommandé : Tutoriel CSS]

Quelles sont les nouvelles fonctionnalités de CSS3 ?

Nouveau sélecteur p:nth-child(n){color: rgba(255, 0, 0, 0.75)}

Affichage du modèle de boîte flexible : flex;

Nombre de colonnes de disposition à colonnes multiples : 5 ;

Requête multimédia @media (largeur maximale : 480 px) {.box : {nombre de colonnes : 1 ;}}

Police de personnalité - face{font-family:BorderWeb;src:url(BORDERW0.eot);}

Couleur de transparence : rgba (255, 0, 0, 0.75);

Rayon de bordure arrondi : 5px;

Arrière-plan dégradé : dégradé linéaire (rouge, vert, bleu);

Shadow box-shadow :3px 3px 3px rgba (0, 64, 128, 0.3);

boîte de réflexion-réfléchir : en dessous de 2 px ;

décoration du texte texte-trait-couleur : rouge ;

débordement de texte texte-débordement :ellipsis;

Effet de fond -size : 100px 100px;

Effet de bordure border-image:url (bt_blue.png) 0 10;

Transformation

Rotation transformation : rotation (20deg) ; >

transformation d'inclinaison : inclinaison (150deg, -10deg) ;

transformation de déplacement : translation (20px, 20px) ;

transformation d'échelle : échelle (. 5 );

transition en douceur : tous les .3s sont faciles à intégrer aux .1s ;

animation @keyframes anim-1 {50% {border-radius : 50%;}} animation : anim- 1 1s;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!