#css3

CSS3 BOX SHADOW

halo sobat jaco datang lagi ni dengan membawa sesuatu apa itu ya dari judulnya kan juga uda ketauan :D ya kali ini saya akan menunjukkan bagaimana cara membuat shadow pada suatu kotak. dengan memanfaatkan css3 ini akan sangat membantu kita karena sebelum css3 untuk membuat ini kita harus membuat efeknya dari gambar, ya bisa dibayangkan tuk buat efek shadow harus editing gambar lagi, trus ditemp...

0
Level: Standard
Est. time: 3 min

Membuat animasi CSS3 - Part 2

Jika pada tutorial sebelumnya kita belajar menggunakan CSS3 transition untuk membuat transisi, kali ini ktia akan menggunakan keyframe, jadi kita bisa membuat animasi yang lebih kompleks Seperti tutorial sebelumnya, prefiks yang digunakan adalah -webkit- dan -moz- sisanya bisa anda tambahkan sendiri :D (capek ketiknya bro) Kode ini merupakan "settingan" dari CSS3 keyframe @-webkit-keyframes ...

0
Level: Baby
Est. time: 1 min

Membuat animasi CSS3 - Part 1

Di tutorial ini, ane akan membahas cara membuat animasi CSS3

0
Level: Baby
Est. time: 1 min

gallery animasi hanya menggunakan css

Salam bro / sis, jumpa lagi dengan diriku yang sedang mencoba membagikan 1 tutorial tentang bagaimana membuat galeri gambar pada website dengan hanya memanfaatkan css3. Terima kasih buat om hendro prayitno yang sudah mau berbagi tutorial ini. Penampakanya bisa dilihat pada gambar dibawah ini     Seperti penampakanya diatas, ketika salah satu gambar diarahkan kursor maka gamba...

0
Level: Standard
Est. time: 5 min

Memberikan Efek Transisi Pada Gambar

Hai gan! Kali ini saya akan memberikan anda sebuah code, yang memberikan efek transisi. Atau bisa mengexpand gambar ketika di hover. Dengan css3. Langsung aja ya. Tidak Support Browser Intenet Explore   File CSS Yang Dibutuhkan div { transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -webkit-transition: width 2s; /* Safari and Chrome */ -o-transition: width 2s; /* Ope...

0
Level: Standard
Est. time: 10 min

Slick Menu dengan CSS3

Hampir menuju bulan puasa nih bahkan dalam hitungan hari lagi untuk itu sebelumnya saya mau mengucapkan Selamat Menunaikan Ibadah Puasa :D dan minta maaf lahir batin :D. Dalam mengawali libur menjelang bulan ramadhan saya mau share tutorial menu navigasi Slick Menu dengan CSS3 dalam menu ini ada keistimewaan sendiri berupa hover biru yang menyerupai cahaya dalam penerapannya tidak terlalu su...

0
Level: Standard
Est. time: 5 min

Gear Machine Berputar Dengan CSS3

Hai gan! Kembali lagi dengan ane yang kali ini akan mensharing untuk membuat gear machine berputar dengan css3. Yang dibutuhkan hanya kode yang simple sekali. Nah jadi langsung saja ya. Berikut File CSSnya <style> body { background: gray; } @-webkit-keyframes gear { 0% { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { ...

0
Level: Newbie
Est. time: 5 min

[Review]: Mobile Website

Perkembangan teknologi smartphone yang semakin pesat, berpengaruh juga pada dunia website, setelah beberapa waktu yang lalu boomingnya standar baru  dari html yaitu HTML5 & CSS3, yang membuat website lebih flexible, efektif dan kayak akan fitur. Dewasa ini kita sering menjumpai website-website yang menyediakan tampilan khusus untuk mobilephone (terutama smartphone), sebagai contoh "m...

4
Level: Newbie
Est. time: 20 min