Introduction à l'utilisation de plusieurs balises d'attribut HTML spéciales

Les attributs suivants ne sont pas bons pour la compatibilité du navigateur.

1.Transform: Rotate (45deg)

2.Berder-top-left-radius Cette propriété vous permet d'ajouter des frontières arrondies aux éléments

3.Ber Radius Cette propriété vous permet d'ajouter des frontières arrondies aux éléments

4. La propriété Box-Shadow ajoute une ou plusieurs ombres à la boîte

5. La propriété Text-Shadow définit une ombre sur le texte

6. Transition

Afin d'être mieux compatible avec chaque navigateur, des préfixes sont nécessaires.

-o- / * Browser d'opéra * /

-Webkit- / * Brocher du noyau webkit Safari et Chrome * /

-ms- / * ie 9 * /

-moz- / * Browser Firefox * /

L'objet est tourné à travers la propriété de transformation, où (45deg) est l'angle de rotation

transformée: rotation (45deg);

-ms-transform: Rotation (45DEG); / * Ie 9 * /

-o-transform: Rotation (45Deg); / * Navigateur d'opéra * /

-Webkit-Transform: Rotate (45Deg); / * Le navigateur de noyau webkit Safari et Chrome * /

-Moz-transform: Rotation (45DEG); / * Navigateur Firefox * /

Le premier peut choisir la position où la frontière arrondie est ajoutée

border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius, border-boot-right-radius

Border-top-left-radius Cette propriété vous permet d'ajouter des bordures arrondies aux éléments, tout comme la frontière radius, juste pour contrôler où les frontières arrondies doivent être ajoutées.

Box-Shadow: H-Shadow || V-shadow || Blur || Spread || Couleur || encart;

Propriétés: position de l'ombre horizontale || Position de l'ombre verticale || Distance floue || Taille de l'ombre || Couleur de l'ombre || Changez l'ombre extérieure (début) en l'ombre intérieure

Box-Shadow: 1px 1px 3px # 292929;

Text-shadow: h-shadow || V-shadow || Blur || couleur;

Text-shadow: 0px -1px 0px # 000;

propriété || durée || Fonction de synchronisation || retard

Spécifie le nom de l'attribut CSS qui définit l'effet de transition || Spécifie combien de secondes ou de millisecondes nécessaires pour terminer l'effet de transition || Spécifie la courbe de vitesse de l'effet de vitesse || Définit le début de l'effet de transition

Actuellement, tous les navigateurs ne prennent pas en charge l'attribut de transition.

faciliter la valeur par défaut. L'animation commence à une vitesse basse, puis accélère, ralentissant avant sa fin.

L'animation facilitée commence à basse vitesse.

L'animation de facilité se termine à basse vitesse

L'animation de facilité de sortie commence et se termine à basse vitesse

transition: arrière-plan 5S facilité;

Un par exemple:

Copier le code