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

Pytanie od kod css i zmianę wielkości obrazka.

VPS Starter Arubacloud
0 głosów
1,168 wizyt
pytanie zadane 21 października 2015 w HTML i CSS przez firefoxlin Początkujący (290 p.)
Witam

Czy może mi ktoś z Was napisać i wytłumaczyć kod w css który powodował by lekkie powiększenie obrazka po najechaniu na niego kursorem albo jakiś inny efekt. Szukałem na forach ale nie mogę tego pojąć za bardzo jak użyć to w praktyce.

I druga sprawa jak dostosować wielkośc obrazka do diva. Załużmy żę div ma width: 1000px; height 800px a obrazek ma width: 2000px; height 1600px; jak zrobić by się obrazek zmniejszył i wpasował w diva. Niby <img src="http://../images/mapa.jpg" width="1000" height="800"> coś takiego wystarczy ale co zrobić jeżeli obrazek jest wpisany w diva czyli background-image:url(images/mapa); jak tu zmienić rozmiar. Mam nadzieje, że wytłumaczyłem to wmiarę prosto i nie zbłaźniłem się zadając jakieś elementarne pytanie.

 

Z góry wielkie dzięki.

2 odpowiedzi

+1 głos
odpowiedź 21 października 2015 przez Eimens Maniak (69,240 p.)
1.

.obrazek:hover {

    transform scale(1.1);

}

https://css-tricks.com/snippets/css/scale-on-hover-with-webkit-transition/

 

2. div {

   background-size: 100%;

}

https://css-tricks.com/almanac/properties/b/background-size/
+1 głos
odpowiedź 22 października 2015 przez Radekoslaw123 Gaduła (3,080 p.)
#obrazek

{

width:500px;

height:300px;

transition-duration:2s;

//To jest fajna komenda żeby spowolnić ten proces

}

#obrazek:hover

{

width:700px;

height:500px;

}

Podobne pytania

+1 głos
2 odpowiedzi 160 wizyt
0 głosów
1 odpowiedź 1,215 wizyt
pytanie zadane 22 marca 2018 w JavaScript przez w2 Obywatel (1,110 p.)
+3 głosów
9 odpowiedzi 816 wizyt
pytanie zadane 6 czerwca 2015 w HTML i CSS przez Termi1878 Nowicjusz (190 p.)

92,453 zapytań

141,262 odpowiedzi

319,086 komentarzy

61,854 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!

...