Merhaba arkadaşlar, az önce sitemin ana sayfasına manşet yaptım, arkaplana da kendim çektiğim bir fotoğrafı ekledim ancak daha güzel görünmesi için mausenin görselin üzerine geldiğinde sağa ve sola hareket etmesini istiyorum, nasıl yaparım ?
Site:
http://www.muratdinc.com/ <div id="main-content">
BURAYA
<div id="menu-ust-kisim">
Aşağıdaki kodu ekleyeniz;
<div id="to_left"></div>
<div id="to_right"></div>
Daha sonra CSS dosyanıza;
#to_left, #to_right {width: 50%; position:absolute;height: 330px}
#to_right {right: 0;}
.menu-ust-kisim {transition: .5s;}
#to_left:hover + .menu-ust-kisim {background-position: 0 !important;}
#to_right:hover + .menu-ust-kisim{background-position: -820px !important;}Kodları ekleyin "transition" değerini değiştirerek hızını ayarlayabilirsiniz.