Antworten auf deine Fragen:
Neues Thema erstellen

CSS: Image mit Rahmen und Schatten nach innen

Jormungand

VonAllemEtwas

Hallo alle,
mein Anliegen ist etwas tricky.
Ich hätte gerne eine CSS Regel, die ich auf ein Bild oder auf ein Tag um ein Bild anwenden kann, sodass das Bild...
  • einen Schatten nach innen bekommt
  • einen Rahmen hat
  • verschiedene Proportionen und Abmessungen annehmen kann, ohne extra Werte angeben zu müssen.
Ich habe im Netz verschiedene Lösungen gefunden, die die ersten beiden Punkte abdecken. Leider muss man bei den umschließenden Tags nochmal die Höhe und Breite angeben, damit es vernünftig funktioniert.
Kennt jemand auch eine Lösung, bei der das nicht extra angegeben werden muss?

Danke und schöne Grüße
Jormungand.
 

Jormungand

VonAllemEtwas

Die ganze Zeit gesucht, nix gefunden, hier gepostet und anschließend die Lösung im Netz gesehen. Sorry!
Hier die Lösung.
Es geht mit einem umschließenden <a>-Tag
HTML:
Code:
<a class="img-shadow"><img alt="" src="bild.jpg" /></a>
CSS:
Code:
.img-shadow {
position: relative;
max-width: 100%;
float: left;
}

.img-shadow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
box-shadow: inset 0 0 8px rgba(0,0,0,.6);
-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
}

.img-shadow img {
float: left;
}
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.638
Beiträge
1.538.502
Mitglieder
67.559
Neuestes Mitglied
mic4mac
Oben