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
-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>
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>