Tutorial CSS

Menempatkan Video Youtube Responsive di Layar Monitor iMac Dengan CSS

video youtube responsive css

Beberapa hari lalu ada salah seorang teman di fan page facebook menanyakan bagaimana cara untuk membuat mockup macbook namun ada video di layarnya

Tutorial Membuat Perubahan Warna Background Ketika Scroll

Merubah background ketika scroll cukup menarik untuk diterapkan pada halaman website, hal ini bisa untuk menarik perhatian pengunjung website asalkan penggunaannya benar, soft, dan menggunakan warna yang sesuai. Dengan bantuan jquery hal tersebut tidaklah sulit untuk diterapkan, cukup beberapa baris kita sudah bisa mendapatkan efek tersebut. Salah satu website yang sudah menerapkan trik seperti ini…

Membuat Tabs Dengan CSS

tabs-css

Membuat tab biasanya lebih populer dengan menggunakan jquery, namun sebenarnya cukup dengan css saja kita sudah bisa membuat tab yang tak kalah bagusnya.   Pada tulisan kali ini kami akan menjelaskan secara singkat cara membuat tab hanya dengan css, tanpa bantuan jquery atau javascript lainnya. Struktur HTML Untuk pertama kita buat dulu struktur HTML nya…

Memberi Efek Animasi Warna Pada Gambar Dengan CSS3 Filter

css3 filter effect

Membuat efek dengan css semakin marak saat ini, dengan menggunakan CSS Filter kita bisa membuat efek-efek yang biasanya kita temukan di Photoshop, bahkan efek-efek seperti instagram bisa kita ciptakan dengan kemampuan CSS3. CSS Filter ini relatif masih baru, dan masih jarang digunakan. Pada tutorial kali ini kita akan mencoba membuat efek dengan CSS Filter di…

Membuat Animasi Efek Mengetik Teks Dengan CSS

Mengetik

Animasi mengetik teks biasanya dibuat dengan bantuan Jquery, namun pada artikel kali ini kita akan mencoba membuatnya hanya dengan CSS. Animasi ini tentunya bisa digunakan jika ingin membuat semacam presentasi di website, atau untuk sekedar mempercantik halaman website. Animasi ini juga bisanya sering kita lihat di website-website yang diretas, biasanya siperetas meninggalkan jejak dengan pesan…

Mengenal Transformasi di CSS3

Contoh sederhana transfomasi CSS3

CSS3 memberikan banyak pilihan bagi developer untuk menggali lebih dalam & mengeksplor imajinasi kita. Sama halnya dengan style properties yang akan kita bahas sekarang, transformation. Trans.. what? Transformation, atau transformasi dalam bahasa Indonesia, yaitu css properties yang berfungsi merubah rupa (bentuk & sifat) HTML element dalam bidang 2 dimensi atau 3 dimensi. Transformasi sering digunakan…

Shadow atau Bayangan dengan CSS3

shadow-css3

Sahabat Wakaka Design, kali ini kita akan membahas tentang CSS Shadow, jika diingat beberapa tahun yang lalu, ketika ingin menciptakan efek bayangan di website, maka kita harus membuat nya di photoshop dengan menggunakan Efek Drop Shadow, lalu kita crop/slicing sesuai kebutuhan. Wew, repot ya? apa lagi hasilnya berbentuk sebuah file gambar, yang bisa memberatkan website,…