alexa  Menu
CSS ile Katmanlı kağıt tekniği

  02.09.2014 ,   1 yorum ,   5.737 kez okundu.

Tasarımlarda rahatlıkla kullanılabilen katmanlı kağıt effektini sadece CSS ile nasıl yapılacağını paylaşmak istedim.

Öncelikle HTML sayfanızda aşağıdaki gibi bir div oluşturarak bir içerik girelim:

Ardından yine CSS kodlarımızı girelim. İsterseniz yeni bir css doyası oluşturup HTML sayfanıza bağlayabilirsiniz. Ben burada kolay olsun diye direk HTMl sayfamıza gömülü css kodları kullanacağım:

Sonuç olarak şöyle bir görüntü oluşması gerekiyor :

katmanlı kağıt

işte bu kadar 🙂

Uygulamayı buradan deneyebilirsiniz.

Kaynak: http://jameskoster.co.uk/snippets/layered-paper-effect-using-css3-box-shadows/

1 yıldız2 yıldız3 yıldız4 yıldız5 yıldız (No Ratings Yet)
Loading...

1 yorum yapılmış
  1. CSS 3 standart cihazlar için medya sorguları | Anar Samadov, kişisel blog sayfası...

    […] da değil birçok mobil cihaz kullanıcılarını düşünmek zorunda kalıyoruz. Haliyle CSS kodlarımıza çok dikkat etmemiz […]

    18.09.2014, 23:41:24

Yorum yapın..

Güvenlik kodu *