Berbagai Tombol Social Media dengan CSS3 Effect

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.