-4
Wie kann ich es schaffen? (Shadows CSS3)
Ich kümmere mich nicht einmal, wie ich es schaffen kann. Irgendwelche Ideen?
A
Antwort
1
Verwenden Sie den folgenden Code für den Schatteneffekt. besser Sie verwenden CSS als Bilder für Schatteneffekte. weil css einfach zu erstellen, zu bearbeiten und schnell zu laden ist. Bilder sind nicht einfach zu erstellen, zu bearbeiten und schnell im Vergleich zu den CSS zu laden.
<div class="box effect2">
<h3>Effect 2</h3>
</div>
.box h3{
text-align:center;
position:relative;
top:80px;
}
.box {
width:70%;
height:200px;
background:#FFF;
margin:40px auto;
}
/*==================================================
* Effect 2
* ===============================================*/
.effect2
{
position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
box-shadow: 0 15px 10px #777;
transform: rotate(-3deg);
}
.effect2:after
{
transform: rotate(3deg);
right: 10px;
left: auto;
}
Es wäre besser, Photoshop zu verwenden. – dips
So funktioniert stackoverflow nicht. Sie müssen sich etwas anstrengen, was Sie versuchen zu tun, und dann vernünftige Probleme ins Forum bringen, wenn Sie es nicht herausfinden können. Protip: Schatten wie diese werden am besten mit einem Bild gemacht. – Bosworth99
Danke Jungs. ich studiere gerade CSS3 und fand interessante Schatten pic :) Entschuldigung –