Bu dersimizde kendimin sık kullandığı bir efekt uygulamasını anlatmaya çalıştım. Pratik bir çalışma olduğu için işinize yarayacaktır.
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.
İNDİRMEK İÇİN TIKLAYIN.
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:
<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:
class="reflect rheight50 ropacity15"
kodumuzu yapıştırıyoruz.
Her yansıma yapmak istediğimiz resim için kullanıyoruz.
______________
