Sunday, January 29, 2017

Berbagai Tombol Social Media dengan CSS3 Effect

Berbagai Tombol Social Media dengan CSS3 Effect


Social Button

DEMO

  • Demo

Efek Miring dan Diperbesar


See the Pen fFIgE by Daffa Aditya (@daffaditya11) on CodePen.


  1. Untuk CSS ( Bisa dilihat di tab CSS pada Demo diatas ) silahkan taruh diatas kode ]]></b:skin> atau </style>
  2. Untuk HTML ( Bisa dilihat di tab HTML pada Demo diatas ) silahkan taruh di Widget baru atau dimana saja.

Efek Melayang saat Hover


See the Pen AxlFt by Daffa Aditya (@daffaditya11) on CodePen.



  1. Untuk CSS ( Bisa dilihat di tab CSS pada Demo diatas ) silahkan taruh diatas kode ]]></b:skin> atau </style>
  2. Untuk HTML ( Bisa dilihat di tab HTML pada Demo diatas ) silahkan taruh di Widget baru atau dimana saja.

Efek Berputar dan Membesar


See the Pen mrFqh by Daffa Aditya (@daffaditya11) on CodePen.



  1. Untuk CSS ( Bisa dilihat di tab CSS pada Demo diatas ) silahkan taruh diatas kode ]]></b:skin> atau </style>
  2. Untuk HTML ( Bisa dilihat di tab HTML pada Demo diatas ) silahkan taruh di Widget baru atau dimana saja.

Efek Revolving Door


See the Pen Bfqmh by Daffa Aditya (@daffaditya11) on CodePen.



  1. Untuk CSS ( Bisa dilihat di tab CSS pada Demo diatas ) silahkan taruh diatas kode ]]></b:skin> atau </style>
  2. Untuk HTML ( Bisa dilihat di tab HTML pada Demo diatas ) silahkan taruh di Widget baru atau dimana saja.


Available link for download

Posted by at
Labels: , , , , , ,