Réflexion CSS

Mots précédents

La réflexion CSS n'est actuellement prise en charge que par les navigateurs Chrome et Safari, et le préfixe -webkit- doit être ajouté. Cet article présentera en détail la syntaxe de réflexion CSS box-reflect

-webkit-box-reflect

Initial valeur : aucun

S'applique aux : éléments de niveau bloc (y compris le bloc en ligne)

Héritage : aucun

Valeur : aucun <direction></direction> <offset></offset> ?<mask-box-image></mask-box-image>

  

(obligatoire) indique la direction de réflexion générée par box-reflect, qui comprend principalement les valeurs suivantes : <direction></direction>

above:表示生成的倒影在对象(原图)的上方；
below:表示生成的倒影在对象(原图)的下方；
left:表示生成的倒影在对象(原图)的左侧；
right:表示生成的倒影在对象(原图)的右侧；

  

(facultatif) est utilisé pour définir le reflet et l'objet générés L'espacement entre (images originales), sa valeur peut être une valeur de pixel fixe, ou une valeur en pourcentage <offset></offset>

  

(facultatif) est utilisé pour définir l'effet de masque du reflet, qui peut être une image d'arrière-plan, ou cela peut être une image d'arrière-plan générée par dégradé <mask-box-image></mask-box-image>

Pour plus d'articles sur la réflexion CSS, veuillez faire attention au site Web PHP chinois !