CSS-Reflexion

Vorherige Wörter

CSS-Reflexion wird derzeit nur von Chrome- und Safari-Browsern unterstützt und das Präfix -webkit- muss hinzugefügt werden. In diesem Artikel wird die CSS-Reflection-Box-Reflect

-Syntax

-webkit-box-reflect

Anfänglich ausführlich vorgestellt Wert: keiner

Gilt für: Elemente auf Blockebene (einschließlich Inline-Block)

Vererbung: keiner

Wert: keiner | >?<direction><offset>  <mask-box-image>(erforderlich) gibt die Richtung der durch Box-Reflect erzeugten Reflexion an, die hauptsächlich die folgenden Werte umfasst:

<direction>  

(optional) wird verwendet Legen Sie die generierte Reflexion und das Objekt fest. Der Abstand zwischen (Originalbildern), sein Wert kann ein fester Pixelwert oder ein Prozentwert sein.

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

  <offset>(optional) wird verwendet, um den Maskeneffekt der Reflexion festzulegen. Dies kann ein Hintergrundbild oder ein durch einen Farbverlauf generiertes Hintergrundbild sein.

Weitere Artikel zum Thema CSS-Reflexion finden Sie auf der chinesischen PHP-Website! <mask-box-image>