#css3

Membalik Gambar CSS3

Assallamualaikum... Kembali lagi bersama saya Mazhuda... :-) Pada tutorial lalu kita membahas cara membuat hover berefek putar sekarang hampir sama dengan yang lalu namun kali ini kita akan membuat rotasi putar dengan menggunakan sumbu Y sebagai sumbunya, itu berarti kita sudah membuat efek 3D... Haha... Oke sekarang langsun...

0
Level: Newbie
Est. time: 10 min

Hover Putar CSS3

Assallamualaikum... Haha... Sebenarnya ini adalah tulisan pertama saya pada situs berbagi ilmu ini :-) . Pada kali ini kita akan membuat efek hover memutarkan objek dengan memanfaatkan property transform tepatnya transform rotate untuk membuat efek berputar dan property transition untuk menentukan waktu animasi yang kita buat...

0
Level: Newbie
Est. time: 10 min

Tombol Animasi

Kali ini saya akan berbagi mengenai cara membuat animasi pada sebuah tombol dengan menggunakan keyframes.  Caranya, ketikkan kode dibawah ini pada halaman CSS agan : @-webkit-keyframes glow { 0% { -webkit-box-shadow: 0 0 16px rgba(66, 140, 240, 0.5); border-color: rgba(0,0,255,0....

1
Level: Standard
Est. time: 15 min

Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS

Menghias blog/web boleh saja tetapi tentunya juga harus memperhatikan kenyamanan visitor yang akan berkunjung ke web anda. Oleh sebab itu kita harus menyediakan informasi yang bagus sekaligus penyampaiannya yang bagus termasuk kita harus memilih font yang sesuai untuk di baca dan dengan ukuran yang sesuai pula. Oleh sebab itu pada tutorial kali ini saya akan mengajak anda sekalian untuk memasukan font baru yang nyaman untuk di baca nantinya.

0
Level: Newbie
Est. time: 15 min

Image Slider 3D

Kali ini saya akan berbagi cara membuat image slider dengan tampilan 3D. Cara ini sangat efisien karena hanya menggunakan sedikit script. Untuk CSS nya agan bisa copy langsung kode dibawah ini: #controls{ text-align:center; } #controls span { padding-right:2em; cursor:pointer; }...

0
Level: Advance
Est. time: 30 min
3
Author: Christian Rosandhy

Memanfaatkan CSS Animasi [Part 2]

Ini adalah tutorial lanjutan dari Part 1,, Kali ini kita akan belajar menggunakan CSS 3 Animation untuk membuat animasi yang jauh lebih dinamis lagi dari yang sebelumnya. Buat yang penasaran, yuk disimak.. :)

0
Level: Standard
Est. time: 15 min

Membuat Animasi Loading Bubble dengan Full CSS

Masih bermain dengan animasi,, sekarang kita akan belajar membuat sendiri animasi bubble loading dengan bantuan CSS3. Di tutorial ini kita nggak akan menggunakan gambar apapun supaya loadingnya nanti bisa lebih cepat. Yang pengen coba, yuk disimak.. :)

2
Level: Standard
Est. time: 20 min

Memanfaatkan CSS Animasi dan Transisi [Part 1]

Transition dan Animation itu adalah salah satu perintah wajib di dunia CSS3 sekarang untuk menghasilkan web yang lebih unik. Di part pertama ini kita akan belajar perbedaan, fungsi, dan sedikit konsep dasar transisi dan animasi.

0
Level: Standard
Est. time: 15 min