Senin, 09 Oktober 2017

Efek Kertas Coret


Lorem Ipsum Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut at consectetur officia et accusamus inventore dolor cupiditate tempore fuga alias aliquam quo dolorum voluptatem tenetur ipsum corporis commodi vitae! Iusto!
body { background:#d8d8d8; } .kertas{ background:white; width:400px; margin:20px auto; padding:20px; position:relative; font-family:cambria,serif; box-shadow:0 1px 10px rgba(0,0,0,.3); } .kertas::before, .kertas::after{ background:#d8d8d8; content:""; width:100px; height:50px; position:absolute; top:-25px; box-shadow:0 5px 10px -7px rgba(0,0,0,.3); } .kertas::before{ left:-50px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .kertas::after{ right:-50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .kertas::before, .kertas::after{ background:rgba(255,255,255,.5); content:""; width:100px; height:25px; position:absolute; top:-10px; box-shadow:0 5px 10px -7px rgba(0,0,0,.3); }
Coba coba
Posted on by Berbagi Bersama Agus | No comments

0 komentar:

Posting Komentar