Animasi & Sticky side navigation bar Animasi & Sticky side navigation bar

Bilah navigasi sisi vertikal dengan efek on-hover berbasis CSS3 keren yang lengket di sisi kiri atau kanan jendela browser Anda saat menggulir halaman.Dibuat oleh Mohamed Abo El-Ghranek. #snav { position: fixed; top: 30%; z-index: 9999; font-size: 18px; font-family: 'Open Sans', sans-serif; } #snav ul { list-style: none; } #snav...

Kaskus Emoticon Kaskus Emoticon

code { margin-bottom:-20px;font:13px courier; color:333;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#eee;-webkit-box-shadow:inset 1px 1px 5px #333;-moz-box-shadow:inset 1px 1px 5px #333;box-shadow:inset 1px 1px 5px #333;padding:5px 8px; margin:5px; } img.kaskus...

Efek image overlay Efek image overlay

/* style untuk id photos */ #photos { text-align:center; } #photos img { cursor:pointer; margin:0 5px; background-color:#fff; border:1px solid #ccc; padding:2px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* style untuk elemen didalam overlay */ .details { ...

Efek coin slider Efek coin slider

/* Slider Coin */ .coin-slider { overflow: hidden; zoom: 1; position: relative } .coin-slider a { text-decoration: none !important; outline: none; border: none; color: white !important } .cs-buttons { font-size: 0; padding: 10px; float: left } .cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color:...

Efek flux slider Efek flux slider

.example{width:500px;border:1px #000 solid;margin:20px auto;padding:15px;-moz-border-radius: 3px;-webkit-border-radius: 3px} /*customization of slider*/ #slider { padding:15px 0; } #slider .pagination { list-style:none outside none; padding:15px !important; } #slider .pagination li { cursor:pointer; display:inline-block; ...