Heim > Web-Frontend > CSS-Tutorial > Hauptteil

box-shadow implementiert die Projektion aus verschiedenen Winkeln

高洛峰
Freigeben: 2016-11-15 14:17:47
Original
1798 Leute haben es durchsucht

Werfen wir zunächst einen Blick auf die Parameterbeschreibung von Box-Shadow:

box-shadow implementiert die Projektion aus verschiedenen Winkeln

Um eine Projektion in verschiedenen Winkeln zu erreichen, werden vier Parameter benötigt. Das Grundprinzip besteht darin, den Unschärfeabstand zu vergrößern und die Größe des Schattens zu verringern

width: 100px;
height: 100px;
background: #f1f1f1;
margin: 20px ;
box-shadow: #000 0 -5px 5px -5px;
Nach dem Login kopieren
Untenprojektion

box-shadow implementiert die Projektion aus verschiedenen Winkeln

width: 100px;
height: 100px;
background: #f1f1f1;
margin: 20px ;
box-shadow: #000 5px 0 5px -5px;
Nach dem Login kopieren
Linksprojektion

box-shadow implementiert die Projektion aus verschiedenen Winkeln

width: 100px;
height: 100px;
background: #f1f1f1;
margin: 20px ;
box-shadow: #000 0 5px 5px -5px;
Nach dem Login kopieren
Bilaterale Projektion

box-shadow implementiert die Projektion aus verschiedenen Winkeln

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