Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.09.2015, 19:39 (UTC)    
Mesaj konusu: Resim efekt kodları

Arkadaşlar iyi günler, forumda ve google'da aradım ancak tr.gg için tam anlamıyla 'resim efekt' kodlarını bulamadım.

.css dosya biçiminde var ancak bununda bedava-sitem'e uyarlanması nasıl yapılır, kodlar nasıl yönlendirilir şahsen ben bilmiyorum.


--- Acaba elinizde var olan, yada bulabildiğiniz resim efekt kodlarını paylaşabilir misiniz? Hem böylece benim gibi bu konudan muzdarip olan kimseler içinde bir arşiv oluşturmuş oluruz. Şimdiden teşekkürler.
Mesaj14.09.2015, 20:49 (UTC)    
Mesaj konusu:

Kod:
1. Resme Siyah-Beyaz Efekti Verme

body img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
}
body img:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}

2. Resme Bulanıklık Efekti Verme


body img {
filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
}
body img:hover {
filter: blur(0);
-webkit-filter: blur(0);
-moz-filter: blur(0);
-o-filter: blur(0);
-ms-filter: blur(0);
}

3. Resme Şeffaflık Efekti Verme

body img {
opacity:0.3;
}
body img:hover {
opacity:1;
}

4. Resme Zoom Efekti Verme

body img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}


Kodları ben yazmadım fakat bulabildiklerim bunlar Smile
______________
Teknoanaliz'e hiç girmediniz mi? Hemen girin ve sitenizi düzenleyin!
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu