Teknis
Panduan dan penjelasan konsep.
Efek Page-Fold/Lipatan Kertas dengan CSS
CSS /* tampilan standar */ .note { position:relative; width:30%; padding:1em 1.5em; margin:2em auto; color:white; background:#97C02F; overflow:hidden; } .note:before { content:""; position:absolute; …
Berbagai Efek Transisi pada Gambar
Efek Bumping .demo-1 { -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -ms-transition:all .5s ease-out; -o-transition:all .5s ease-out; transition:all .5s ease-out; } .demo-1:h…
Efek Tumpukan Kertas dengan CSS3
CSS /* --------------------------------------------------------- Sesuaikan lebar kertas dan penampilan. Pastikan pengurangan/penambahan lebar sesuai dengan perbandingannya ---------------------------…
CSS Box-Model, Efek Buruk Padding dan Border terhadap Width dan Height
Penyimpangan Nilai Perlu Anda ketahui bahwa lebar dan tinggi elemen akan mengalami penyimpangan saat Anda menerapkan padding dan border pada elemen: width:200px; height:100px; (tanpa padding/border)…
Layout Tiga Kolom dengan CSS Float
Membuat layout tiga kolom pada artikel sebenarnya tidak sesulit yang Anda kira. Dengan CSS Float, elemen yang tadinya tersusun dari atas ke bawah bisa dibuat menyamping. Kita mulai dengan menerapkan…