• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Obramowanie zdjęcia na hover

VPS Starter Arubacloud
0 głosów
108 wizyt
pytanie zadane 28 stycznia 2023 w HTML i CSS przez DamiNo Nowicjusz (120 p.)

Witam

Mam problem w CSS ze zdjęciem. Mianowicie dodałem do obrazka obramowanie i gdy ustawiam selektor :hover to daje tam między innymi blur. Problem polega na tym, że łapie on też to obramowanie i wygląda to słabo. Dlatego mam pytanie, jak zrobić aby te style łapały samo zdjęcie? Proszę o pomoc. 

.cont {
    width: 100%;
}
.img {
    width: 100%;
    border: 0.2rem solid var(--Color9);
    filter: contrast(0.9);
    cursor: pointer;
    transition: .2s ease-in-out;
}
.img:hover {
    filter: contrast(0.6) blur(0.1rem) grayscale(0.7);
}
<div class="cont">
    <img src="images/Subsurface-engineering-1-scaled.jpg" class="img" alt="">
</div>

 

komentarz 28 stycznia 2023 przez wizarddos Nałogowiec (25,130 p.)
Czy ten div jest tej samej wielkości, co zdjęcie?

1 odpowiedź

0 głosów
odpowiedź 28 stycznia 2023 przez VBService Ekspert (250,450 p.)

Może, spróbuj np. "dopasować" obrazek do

<div class="cont">

i obramowanie ustaw dla div-a.

Podobne pytania

+2 głosów
3 odpowiedzi 442 wizyt
pytanie zadane 25 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)
+1 głos
1 odpowiedź 243 wizyt
pytanie zadane 23 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)
0 głosów
1 odpowiedź 293 wizyt
pytanie zadane 21 listopada 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)

92,416 zapytań

141,222 odpowiedzi

318,985 komentarzy

61,831 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...