Heim > Web-Frontend > CSS-Tutorial > Hauptteil

CSS-Reflexion

高洛峰
Freigeben: 2017-02-23 10:03:30
Original
1579 Leute haben es durchsucht

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:表示生成的倒影在对象(原图)的右侧;
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!