Merhaba dostlar. Css ile katman halinde kağıt şeklini nasıl verebileceğinizi anlatacağım.

Katman yukarıdaki gibi olacaktır. Kodlarımız aşağıdaki gibidir;

Öncelikle Css dosyamıza aşağıdaki kodları ekliyoruz.

 .katman-kagit { background: #eee; box-shadow: 0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */ 0 10px 0 -5px #eee, /* The second layer */ 0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */ 0 20px 0 -10px #eee, /* The third layer */ 0 20px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */ } 

Html dosyamızda ise katman-kagit isminde bir div oluşturuyoruz. (Bu şekilde <div class=”katman-kagit”></div>)

See the Pen YyMYRL by Emirhan BÜLBÜL (@emirhanbulbul) on CodePen.

Ahali ne demiş ?

Etiketler

CSS ile katman yapımı, css katmanlı kağıt yapımı