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 kode jQuery kecil untuk memutar suara dan mengubah teks latin, selain itu sepenuhnya dibuat menggunakan CSS3 murni.

CSS3 Web Button

Koleksi tombol 3D, dibuat hanya menggunakan CSS3. Tombol terinspirasi oleh freebie tombol PSD Chunky 3D.




Tombol CSS3 Sosial 3D 

Tombol sosial media 3d hanya menggunakan CSS3 dan ikon font.




Tombol CSS3 Animated 

Lingkaran tombol dengan pola latar belakang CSS3 animasi. Ini tidak bekerja di Firefox 3.6 dan IE10.



CSS3 Toogle Button Murni 

Sangat bagus sekali, semuanya dibuat menggunakan CSS3 dan ikon font.




CSS3 Animated Button

Tampilan keren tombol 3d dibuat menggunakan CSS3 dan Google font.




3D CSS3 Button

Cukup menakjubkan apa yang dapat Anda lakukan dengan elemen semu CSS3



CSS3 Switch

Button switch yang hanya menggunakan css tanpa javascript





Social Media Sharing Buttons 

Versi yang jauh lebih baik dari tombol berbagi sosial bawaan.




Tombol Sosial Pressable CSS3 

Button yang menggunakan properti CSS3 sederhana seperti gradien, kotak-bayangan, hiteks-bayangan, hover dll.




Spin Button

Tombol melingkar berputar dengan perbatasan saat indikasi hover.




Semoga bermanfaat dan memberikan inspirasi!!



 
Bagikan halaman ke sosial media
 
Tags :   css    css3    button       

Tentang Penulis

writer hadinug
Web Developer di PT. Yafii Solusi Internasional

Link: http://ysi.co.id

   Komentar Anda