Social Icon dengan CSS3

Hallo teman-teman hari ini kita akan membuat social icon yang menarik dengan menggunakan CSS3. Social icon ini berfungsi untuk memberikan kemudahan pengunjung agar mereka bisa langsung berbagi informasi atau menyebarkan artikel yang terdapat di website atu blog. Dengan diberikannya social icon seperti Facebook, Twitter, dan icon share lainnya maka akan memperbesar peluang untuk meningkatkan pengunjung ke situs website kita.

Sekarang mari kita mulai membuat Social icon yang menarik.Teman-teman dapat menuliskan kode HTML dibawah ini:

Simpan HTML diatas dan buat style seperti berikut:

Simpan style diatas. Untuk mempermudah teman-teman silahkan download kodenya dan lihat hasilnya.

Teman-teman dapat melihat tampilan social icon yang dibuat dengan CSS3 dan tampilan social icon yang dibuat dengan Jquery. Teman-teman bisa melihat perbedaannya.

Demikain tutorial ini sampai jumpa di tutorial selanjutnya smoga bermanfaat. Terimakasih