JSFiddle - React, Tailwind, and code Playground

by Ali Uygur

HTML

<div class="kutu"></div>

CSS

.kutu {
    width:200px;
    height:200px;
    background:#14ebca;
    margin: 40px 40px;
    /* gölge efekti veren kodlar */
    /* sola 30 piksel, yukarıya 30 piksel şeklinde kaydırılmış 
    ve 20piksel kadar bulanıklık efekti verilmiş. */
    /* Gölge rengi açık gri #888*/
    -webkit-box-shadow: -30px -30px 20px #888;
    -moz-box-shadow: -30px -30px 20px #888;
    box-shadow: -30px -30px 20px #888;
}