2016-03-31 16 views
-1

Titel sagt das meiste davon. Ich muss ein transparentes Bild skizzieren oder es leuchten lassen, wenn ich schwebte, ich habe es den ganzen Tag versucht, aber noch keinen Erfolg. Irgendwelche Vorschläge/Hilfe?Wie man ein PNG (transparentes) Bild mit CSS umreißt?

Dank

+0

Wo ist der Code, den Sie versucht haben? –

+0

[So erstellen Sie ein minimales, vollständiges und überprüfbares Beispiel] (http://stackoverflow.com/help/mcve) –

Antwort

0

Abbildung Swap auf Hover ...

JSFiddle

<div class="wrapper"> 
    <img class="main" src="http://lorempixel.com/400/200/food/1/" /> 
    <img class="hover" src="http://lorempixel.com/400/200/food/2/" /> 
</div> 


img.hover { 
    display: none; 
} 
.wrapper:hover img.main { 
    display: none; 
} 
.wrapper:hover img.hover { 
    display: block; 
} 
+0

Danke, aber dies erzeugt eine Box über dem PNG-Bild, es umreißt nicht die Kurven des Bildes . – Teh

+0

die Kurven von welchem ​​Bild? Sie haben keinen Code oder keine Bilder bereitgestellt. Wenn Sie abgerundete Ecken im Rechteck wünschen, verwenden Sie einfach die Eigenschaft 'border-radius'. 'border-radius: 5px;' –

+0

http://10bestones.com/1233-2 Hier ist der Link zu der Seite, scrollen Sie nach unten zum letzten Druckerbild und schweben Sie darüber, Sie werden sehen, was ich meine :) – Teh

Verwandte Themen