CSS3 Buttons : Simpel CSS3 Framework untuk Membuat Link Tombol Gaya GitHub

CSS3 memang mulai mempermudah kita dalam membangun sebuah website, mungkin dulu kita hanya mengenal dengan javascript framework, php framework, grid framework dll, Β bisa dibilang sekarang sudah jamannya semuanya serba framework.

Kemaren saya menemukan sebuah framework yang hanya untuk sebuah tombol, CSS3 Button adalah framework sederhana untuk membuat sebuah link tombol gaya GitHub. Cara kerja framework ini cukuup sederhana, yaitu menggunakan class=”button” sedangkan untuk memanggil icon-iconnya cukup menambahkan nama class sesuai icon tersebut, mari kita lihat contohnya :

Class	Contoh Tombol
.book	View Log
.calendar	Add to Calendar
.chat	Start Chat
.check	Approve Registration
.clock	Register Work Time
.cog	Settings
.comment	Add Comment
.cross	Remove Item
.downarrow	Move Down
.fork	Create Branch
.heart	Add to Favorites
.home	Back to Frontpage
.key	Password Protect
.leftarrow	Move Left
.lock	Lock Article
.loop	Resend Message
.magnifier	Search
.mail	Send Newsletter
.move	Move
.pen	Edit Post
.pin	Pin to Map
.plus	Add Post
.reload	Reload Page
.rightarrow	Move Right
.rss	Subscribe to RSS Feed
.tag	Add Tag
.trash	Delete Post
.unlock	Unlock Article
.uparrow	Move Up
.user	Add New User

Jadi, misalkan kita ingin menggunakan tombol kalender, kita cukup menuliskan :

// memanggil tombol saja
<a href="#" class="button">Kalender</a>

// memanggil tombol dengan icon kalender
<a href="#" class="button"><span class="calendar icon"></span>Kalender</a>

Hasil dari kode diatas adalah :

memanggil tombol saja
Kalender

memanggil tombol dengan icon kalender
Kalender

Cukup mudah bukan Website ini sudah menggunakan CSS3 Button.

Download / Demo CSS3 Buttons Framework

Download / Demo CSS3 Buttons Framework

Lisensi : Unlicense

Tags

membuat link di php,membuat link dengan php,cara membuat button di php,contoh html web,MEMBUAT BUTTON php,membuat search css,membuat rss reader dengan php,css3 framework,contoh html web design,membuat framework php,membuat tombol link di php,membuat button dengan php,membuat tombol dengan php,contoh html yg sudah jadi,cara membuat button dengan php,contoh script html chatting,membuat button pada php,bikin button di php,membuat button css,cara membuat tombol di php Tags: css3, css3 button, css3 button framework, css3 framework, simple css3 framework