Bok zanima me hover efekt za par slika.
U tom hoveru trebaju biti 2 slike linkovi , a ne znam kako bit to uredio s html i css.
slika je ovdje: http://prntscr.com/2qdhlt
Unaprijed hvala
link i srce su 2 png slike
Bok zanima me hover efekt za par slika.
U tom hoveru trebaju biti 2 slike linkovi , a ne znam kako bit to uredio s html i css.
slika je ovdje: http://prntscr.com/2qdhlt
Unaprijed hvala
link i srce su 2 png slike
Desni klik na sliku i inspect elements i eto prikazat ce ti u div tagu i tvoj je zadatak pronac tu klasu ili id u css
Nešto sljedeće i ti trebalo pomoći.
HTML:
<div class="img_wrapper">
<img src="dog.jpg" class="post_img" alt="Dog">
<div class="post_hover_wrapper">
<img src="link.png" class="post_img_link" alt="Link image">
<img src="heart.png" class="post_img_heart" alt="Heart image">
</div>
</div>
CSS.
.img_wrapper { position: relative; }
.post_hover_wrapper {
display: none;
position: absolute;
top: 0px;
left: 0px;
}
.img_wrapper:hover .post_hover_wrapper { display: block; }
Moraš paziti da su ti .post_img
i .post_hover_wrapper
istih dimenzija, i sve će biti ok.
Daljnji css ostavljam tebi na volju. I da provježbaš pozicije, to moraš obavezno svladati.
Kod sam pisao napamet, ali bi trebao raditi više/manje.
Hvala . . . . . …