Css İle Dalga Efekti Nasıl Verebilirim |
13 Mesajlar | 3.400 Okunma | ||
- Üyelik 31.05.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Bursa
- Ad Soyad B** T**
- Mesajlar 53
- Beğeniler 2 / 7
- Ticaret 0, (%0)
Merhaba https://www.netiyi.com/ Sitedeki Logonun Üzerine Gelince Su Efekti Gibi Birşey Var Nasıl Kendi Logoma Aynısını Verebilirim ?
- Üyelik 09.11.2013
- Yaş/Cinsiyet 29 / E
- Meslek SEO
- Konum İstanbul Avrupa
- Ad Soyad A** Z**
- Mesajlar 932
- Beğeniler 185 / 274
- Ticaret 20, (%95)
cidden çok iyi, konu sahibi izin verirse bende soruyorum bu soruyu.
- Üyelik 31.05.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Bursa
- Ad Soyad B** T**
- Mesajlar 53
- Beğeniler 2 / 7
- Ticaret 0, (%0)
Evet Kardeşim Cevabını Alalım Kullanalım :D
- Üyelik 18.06.2015
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad S** G**
- Mesajlar 127
- Beğeniler 24 / 26
- Ticaret 0, (%0)
- Üyelik 17.06.2013
- Yaş/Cinsiyet 29 / E
- Meslek Üniversite Öğrencisi
- Konum Kocaeli
- Ad Soyad M** Y**
- Mesajlar 68
- Beğeniler 9 / 11
- Ticaret 0, (%0)
Logonun style kısmına style="-webkit-mask: -webkit-gradient(radial, 35 35, 299, 35 35, 314, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0))); şöyle bir şey uygulamış bir deneyin bakalım olacak mı?
- Üyelik 20.02.2013
- Yaş/Cinsiyet 38 / E
- Meslek Öğrenci
- Konum Hatay
- Ad Soyad ** **
- Mesajlar 52
- Beğeniler 3 / 22
- Ticaret 2, (%100)
İmg kodu
Css Kodu
Css Kodu
-webkit-mask: -webkit-gradient(radial, 35 35, 299, 35 35, 314, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));
dinamkemaloglu.com
- Üyelik 31.05.2015
- Yaş/Cinsiyet 30 / E
- Meslek Webmaster
- Konum Bursa
- Ad Soyad B** T**
- Mesajlar 53
- Beğeniler 2 / 7
- Ticaret 0, (%0)
Yok Hocam Dediklerinizi Denedim Olmuyor :(
- Üyelik 04.11.2013
- Yaş/Cinsiyet 29 / E
- Meslek Elektronik Teknikeri - PHP'ci
- Konum İstanbul Anadolu
- Ad Soyad B** P**
- Mesajlar 329
- Beğeniler 100 / 99
- Ticaret 0, (%0)
Yok Hocam Dediklerinizi Denedim Olmuyor :(
Buyur hocam kodları olabildiğince gelebilecek en sade haline getirdim. Sorunsuz çalışmakta.
<script></script>
<script>
$(document).ready(function() {
$('.navbar-brand > img').hover(function() {
var radius = 0;
var interval = setInterval(function() {
$('.navbar-brand > img').css("-webkit-mask", "-webkit-gradient(radial, 35 35, " + radius + ", 35 35, " + (radius + 15) + ", from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)))");
radius++;
if (radius === 300) {
clearInterval(interval);
}
}, 1);
}, function() {}
);
});
</script>
Batuhan P. | SoftVore.com
- Üyelik 18.06.2015
- Yaş/Cinsiyet 30 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad S** G**
- Mesajlar 127
- Beğeniler 24 / 26
- Ticaret 0, (%0)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)