Membuat globe atau bola dunia dengan css

 Author : hadinug, 11 April, 2014, Komentar
css-globe

Animasi pada css juga dapat diterapkan pada posisi gambar yang menjadi latar belakang. Nah disini kita akan mencoba membuat sebuah animasi bola dunia yang melingkar dengan sebuah gambar peta yang menjadi latar belakang


Dengan menambahkan beberapa shading dan animasi, globe 3D dapat dibuat. Kode selengkapnya sebagai berikut:

Read More

Membuat Objek Bola dengan Css

 Author : hadinug, 11 April, 2014, Komentar



Ada dua pendekatan dalam membuat objek bola dengan CSS .Salah satunya adalah untuk menciptakan sebuah enviroment 3D yang menggunakan banyak elemen didalamnya. Namun kali ini kita tidak membahas css 3d dalam pembuatan objek bola dengan css. Tapi kali ini saya akan mencoba menggunakan pendekatan yang kedua , memanfaatkan gradien CSS untuk menambahkan shading dan menciptakan efek 3D pada satu elemen .


Di tutorial kali ini akan dijelaskan satu persatu tentang 9 macam bentuk bola dengan css, dan sebelum kita masuk ke area yang lebih sulit, mari kita mulai dengan membuat bentuk lingkaran awal yang sederhana. 

Read More

Membuat Objek Bola Tenis Dengan CSS3

 Author : hadinug, 11 April, 2014, Komentar

Jika pada tutorial sebelumnya telah dijelaskan tentang pembuatan 9 bentuk objek bola dengan css, nah kali ini kita akan membahas lebih spesifik tentang membuat objek mirip bola tenis dengan css3.


Caranya bagimana?, nah disini kita akan menggunakan gambar bola tenis, yang kita buat nantinya seolah-olah memiliki efek 3d dengan css tentunya.

Read More

Awesome CSS Button dengan Animasi

 Author : hadinug, 02 April, 2014, Komentar

Jika anda seorang webdesigner, mungkin 30 list css button berikut ini sangat berguna dan bisa sebagai bahan referensi untuk anda. Berikut adalah beberapa tombol CSS3 yang mungkin anda sukai. Beberapa tombol di sini memang menggunakan jQuery, tapi tidak terlalu boros untuk menggunakan resourcenya.


Clean Circle Button

Sebuah button css circle yang menarik yang dibuat dengan CSS3




CSS3 Pink Button

Tombol merah muda persegi panjang 3D yang menggunakan efek transisi CSS3. Menggunakan…

Read More

Pages
 
 
Archive
Postingan Terbaru
#