Menjahit div dengan CSS3

Menjahit div dengan CSS3

Judulnya kok aneh bro? :v
Tutorial sederhana buat heading atau info box, atau terserah bro buat apa XD. Cara ini butuh browser yang sup CSS3. Hasilnya seperti yang di gambar bro, jadi mirip lah sama di jahit. haha.

CSS


.dash {
    padding: 20px;
    margin: 10px;
    background: #39C4DD;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.3em;
    border: 2px dashed #fff;
    border-radius: 10px;
    box-shadow: 0 0 0 4px #39C4DD, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    text-shadow: -1px -1px #0C7E93;
    font-family: Arial, Helvetica;
}

HTML

<div class="dash">

  JAHIT GAN!

</div>

JSField dimari bro : css lagi jahit

Ali Akbar

Gue programer B)

Related Posts
Leave a reply