Maison > interface Web > tutoriel CSS > Quelles sont les nouvelles fonctionnalités de CSS3 ? Explication détaillée des nouvelles fonctionnalités de CSS3

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

云罗郡主
Libérer: 2019-01-04 09:53:48
avant
8012 Les gens l'ont consulté

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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal