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

  02.09.2014 ,   1 yorum ,   4.553 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 / geribildirim
  1. 18.09.2014, 23:41:24 tarihinde CSS 3 standart cihazlar için medya sorguları | Anar Samadov, kişisel blog sayfası... demiş ki:

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

Güvenlik kodu *