Markieren Sie Bilder (bei Hover) auf einem beliebigen Hintergrund

8

Es ist durchaus üblich, dass bestimmte Bilder beleuchtet werden (erhöhen Sie die Helligkeit), wenn Sie den Mauszeiger darüber bewegen.

Eine Technik, die ich kenne, die auf weißen Hintergründen arbeitet, ist die Verringerung der Deckkraft beim Schweben, wodurch die Helligkeit erhöht wird, indem mehr Weiß durchgelassen wird. Das Problem ist offensichtlich, dass es nur auf einem weißen Hintergrund funktioniert.

Gibt es CSS, die ich meinen Bildern hinzufügen kann, die entweder

sind?

a. Fügen Sie den Bildern, die genau passen, einen weißen Hintergrund hinzu, so dass der gleiche Lichteffekt auf jedem Farbhintergrund oder

stattfindet

b. Erreichen Sie den gleichen Effekt, ohne weiße Hintergründe hinzuzufügen oder überhaupt Opazität zu verwenden.

    
Marco Prins 05.05.2014, 09:40
quelle

4 Antworten

20

kapseln Sie Ihr Bild mit einem div ein

%Vor%

und wenden Sie die gute css:

an %Vor%

Geige: Ссылка

    
ekans 05.05.2014 09:50
quelle
1
%Vor%     
Kondax Design 05.05.2014 09:43
quelle
1

Fügen Sie diese Klasse zu einem Bild hinzu

%Vor%
    
Yovav 13.03.2017 10:28
quelle
0

Würde so etwas für Sie funktionieren? Ссылка

Damit dies funktioniert, müssen Sie Ihr Bild in ein div

einbinden %Vor%

und lassen Sie Ihr Bild width auf 100%

setzen

Sie können den padding -Wert ändern, wie Sie möchten, die Box wird immer die gleiche Größe haben, dank seiner Eigenschaft box-sizing

    
valerio0999 05.05.2014 10:03
quelle

Tags und Links