Rotate3Di

0
302
Görüntülenme

rotate3Di
Zachary Johnson tarafından hazırlanan Rotate3Di,  Css3 dönüşüm yöntemi ile  html içeriklere 3D çevirme özelliği kazandıran bir örnektir.  Her türlü html  içeriklerinizde bu  özelliği  uygulayabilirsiniz. Demonun orjinalini geliştiricinin ismine tıklayarak  görebilirsiniz.  Kendime  göre  biraz  değiştirerek paylaşmak istedim. 
Destekleyen Tarayıcılar

Safari, Chrome, Webkit, Firefox 3.5+, IE9+,  Opera 11+

Kullanım

  • Head  etiketleri arasına eklenmesi gereken bölümler.

jQuery, css ve rotate3Di eklentisinin url adresleri :

 JavaScript : 

  •  Body etiketleri arasına eklenmesi gereken bölüm.

Html : 

Eklenti ile  alakası yok  ama  hazır  eklemişken nasıl yapıldığınıda anlatmakta fayda olacak  sanırım. Demo  sayfasında bulunan resimler bir tane  renkli bir tane de  siyah beyaz  resim kullanılmış  gibi  görünüyor. Aslında  her çerçevede tek bir tane resim bulunuyor.  Her resimden iki tane kullanmak bir websitesi  için fazladan yük demek oluyor. O yüzden Css3 grayscale ile  ön yüzde  bulunan resimlere  siyah beyaz  ayarı verdim ve arka tarafta  bulunan resme  dokunmadım.

Bir  resmi css  ile  siyah beyazmış gibi  göstermek isterseniz  tek yapmanız  gereken css kodlar  içine aşağıdaki kodu eklemeniz yeterlidir.

Css3 GreyScale

Yanıl  dikkat etmeniz gereken bir  diğer önemli  konu  verdiğim css  kodu direk sayfanıza yapıştırırsanız sayfanızdaki bütün resimler siyah beyazolacaktır. Örneğin herhangi bir çerçeve içerisinde  bulunan resimleri siyah beyaz olarak kullanmak istiyorsunuz. Çerçevemizin adı mintik olsun.

Örnek çerçeve

Oluşturduğumuz mintik adlı çerçevemiz  hazır. Diğer  çerçevelerde  bulunan resimlerin  GreyScale  özelliğinden etkilenmemesi  için mintik çerçevesindeki  resimleri  seçmemiz gerekiyor. Onun içinde  css kodumuz aşağıdaki gibi  olması gerekiyor.

Bu şekilde  nesnemizi  seçtiğimiz  zaman sadece  belirlediğimiz çerçeve içindeki resimler siyah beyaz olarak görünecektir.

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikCalomino
Sonraki İçerikResmi siyah beyaz yapma
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.