Membuat Garis pada Sidebar

Silahkan bagikan :

۞ السَّــــــلاَمُ عَلَيْــــــكُمْ وَرَحْمَــةُ اللــــهِ وَبَرَكَاتُــــــــــهُ ۞

۞ بســـــــــــــم اللّـــه الرّحمٰن الرّحيـــــــــــــم ۞

-----------------------------------------------------------------------

<style type="text/css">

 /* Membuat Garis Areal Widget SIDEBAR Papa Ucup */

#sidebar .widget{

     margin: 20px 4px;

     border: 2px solid #999;

     padding: 10px 6px;

     border-radius: 8px;

     -moz-border-radius: 8px;

     -webkit-border-radius: 8px;

     box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #3333FF;

     -moz-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #3333FF;

     -webkit-box-shadow: -1px -1px 1px #666, 1px 1px 1px #666, 1px 1px 10px #3333FF;

     -o-transition: 1s ease-out;

     -moz-transition: 1s ease-out;

     -webkit-transition: 1s ease-out;

}

#sidebar .widget:hover {

     border-radius: 15px;

     -moz-border-radius: 15px;

     -webkit-border-radius: 15px;

     box-shadow: -4px -4px 4px #ccff00, 4px 4px 4px #ccff00, 4px 4px 40px #ccff00;

     -moz-box-shadow: -4px -4px 4px #ccff00, 42px 42px 42px #ccff00, 4px 4px 40px #ccff00;

     -webkit-box-shadow: -4px -4px 4px #ccff00, 4px 4px 4px #ccff00, 4px 4px 40px #ccff00;

}

</style>

۞ الحمد لله ربّ العٰلمين ۞

-----------------------------------------------------------------------