CSS Border Terlihat Seperti Jahitan

CSS Border ini bisa anda lihat pada bagian sidebar blog kami. yang terlihat seperti sebuah jahitan "stitched" . baca selengkapnya tentang css border.
p {
    padding: 5px 10px;
    margin: 10px;
    background: #eee;
    color: #333;
    font-size: 21px;
    line-height: 1.3em;
    border: 2px dashed #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 0 0 4px #eee, 2px 1px 4px 4px rgba(10,10,0,.5);
    -webkit-box-shadow: 0 0 0 4px #eee, 2px 1px 4px 4px rgba(10,10,0,.5);
    box-shadow: 0 0 0 4px #eee, 2px 1px 6px 4px rgba(10,10,0,.5);
    text-shadow: 1px 1px 0 #fff;
}
<p>
CONTOH
</p>
DEMO

Post By : Ana Silviana
URL : Reference

5 comments:

  1. sekarang box shadow udah bisa 4 value \m/

    ReplyDelete
    Replies
    1. iia box-shadow sekarang bekerja lebih luas.. apalagi di tambah dengan property pseudo element..

      Delete
  2. makasih, barusan diterapin di blog sarang.. :-bd

    ReplyDelete
  3. Om , gimana terapin nih ke sidbar widget kyak situ ?? :p

    ReplyDelete
  4. Ohh Dashed Toh nama nya :D makasih gan

    ReplyDelete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top