HTML'de Kodlarla Yansıma Efekti

Kayıt
7 Haziran 2008
Mesaj
533
Tepki
6
Genelikle kendi adıma konuşayım resmin yansıma halinide JPG olarak kaydedip o hali ile kullanırdım. Ama bunun çok pratik yolu da var: Reflection koduyla bir iki dokunuşla direk yansıma elde edebiliyorsunuz. Benim artık demirbaş kodlarımdan birisi haline geldi. Sizin de işinize yarayacağına eminim.

Öncelikle aşağıdaki linke sağ tıklayarak Farklı Kaydet yolu ile "yansima.js" dosyasını indiriyoruz ve çalıştığımız klasör içine kaydediyoruz.
http://www.sanalkurs.net/zip/yansima.js

Daha sonra HTML kodlarını düzenlemek için programımızı açıyoruz ve <head> </head> tagları arasına aşağıdaki kodu yazıyoruz:


Kod:
<script type="text/javascript" src="yansima.js"></script>


Bu kodu yapıştırıp yansıma yapmak istediğimiz resmin kodunu bulup src'den sonraki kısma:


Kod:
class="reflect rheight50 ropacity15"



kodumuzu yapıştırıyoruz.



Her yansıma yapmak istediğimiz resim için kullanıyoruz.

Bu benim ilk paylaşımım umarım faydalı olmuştur..
 
Yukarı Alt