
CSS ile Katmanlı Kağıt Yapımı
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.