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/
Mause üzerine gelince görsel sağa sola kaysın |
8 Mesajlar | 2.524 Okunma | ||
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 25.12.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Tasarım Uzmanı
- Konum İstanbul Avrupa
- Ad Soyad M** S**
- Mesajlar 917
- Beğeniler 142 / 175
- Ticaret 40, (%100)
arkaplan fotoğrafı demiştin sanırım, şu şekilde olabilir diye düşünmekteyim;
.manset {
background:url(../images/resim.png) no-repeat left;
-webkit-transition:all 0.8s;
-o-transition:all 0.8s;
-moz-transition:all 0.8s;
}
.manset:hover {
background:url(../images/resim.png) no-repeat right;
}
-Bura komple benim.
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
arkaplan fotoğrafı demiştin sanırım, şu şekilde olabilir diye düşünmekteyim;
.manset {
background:url(../images/resim.png) no-repeat left;
-webkit-transition:all 0.8s;
-o-transition:all 0.8s;
-moz-transition:all 0.8s;
}
.manset:hover {
background:url(../images/resim.png) no-repeat right;
}Ever bu kod bir nevi dediğim gibi oldu, tam olarak istediğim şu sitenin üst kısmındaki yer gibi mause hareket ettikse sağ sol yapıyor üzerine gelince tek bir hareket değil
Site: http://www.egonomik.com/
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
- Üyelik 25.12.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Tasarım Uzmanı
- Konum İstanbul Avrupa
- Ad Soyad M** S**
- Mesajlar 917
- Beğeniler 142 / 175
- Ticaret 40, (%100)
Şimdi anladım kusura bakmayınız o konuda bilgim yok malesef.
-Bura komple benim.
- Üyelik 18.11.2011
- Yaş/Cinsiyet 35 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
Bu iki kaynağı bir inceleyin isterseniz.
http://www.shinyface.com/2010/09/04/simple-parallax-with-jquery/
http://stephband.info/jparallax/
http://www.shinyface.com/2010/09/04/simple-parallax-with-jquery/
http://stephband.info/jparallax/
- Üyelik 14.06.2014
- Yaş/Cinsiyet 31 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad H** K**
- Mesajlar 352
- Beğeniler 111 / 71
- Ticaret 11, (%100)
Bu iki kaynağı bir inceleyin isterseniz.
http://www.shinyface.com/2010/09/04/simple-parallax-with-jquery/
http://stephband.info/jparallax/
http://www.shinyface.com/2010/09/04/simple-parallax-with-jquery/
http://stephband.info/jparallax/
gerçekten işe yarar duruyor
- Üyelik 14.01.2014
- Yaş/Cinsiyet 33 / E
- Meslek Web Master
- Konum İstanbul Avrupa
- Ad Soyad A** Ö**
- Mesajlar 43
- Beğeniler 4 / 8
- Ticaret 0, (%0)
İstediğiniz şey Parallax. jquery ile yapılıyor google da araştırmanızı öneririm.
- Üyelik 01.11.2012
- Yaş/Cinsiyet 32 / E
- Meslek Girişimci
- Konum Balıkesir
- Ad Soyad M** D**
- Mesajlar 1583
- Beğeniler 207 / 257
- Ticaret 5, (%100)
Şimdi anladım kusura bakmayınız o konuda bilgim yok malesef.
Yinede bildiğiniz bir şey olursa yazarsanız sevinirim, teşekkürler.
Bu iki kaynağı bir inceleyin isterseniz.
http://www.shinyface.com/2010/09/04/simple-parallax-with-jquery/
http://stephband.info/jparallax/
http://www.shinyface.com/2010/09/04/simple-parallax-with-jquery/
http://stephband.info/jparallax/
Hocam o kadar detaylı bilmiyorum css ile yapmak mümkün bence şimdilik biraz hareket kattım ancak yine az eksiğim var, sağ ve sol olarak tahnımlandırdım, bunu %25 olarak 4 parçada tanımlandırıp 4 aşamalı 2 sağ 2 sol alarak css ile hareket ettirmek teknik olarak mümkün ancak yetersiz kod bilgimden şu an onu yapamıyorum.
İstediğiniz şey Parallax. jquery ile yapılıyor google da araştırmanızı öneririm.
Yukarıda küçük bir açıklama yaptım o şekilde yapılırsa daha sade ve temiz olacaktır, ayrıca jquery den hiç anlamıyorum -_-
👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)