HOT

Membuat Thanos Snap Effect seperti Google dengan Javascript


*PERHATIAN supaya tidak ada kesalahpahaman !! karena konten ini dibuat pada saat bulan ramadhan maka maksud tulisan yang ada di konten tersebut adalah untuk mengajak umat muslim khususnya supaya menghindari perbuatan - perbuatan yang dapat membatalkan puasa. contohnya hindari menonton kimi hime pada saat berpuasa jika tidak ingin batal, hindari berbohong, dan lain-lain.

Kalian mungkin pernah mengetikan kata thanos di google ? kemudian muncul gambar tangannya, ketika coba di klik muncul effect dust di element list pencarian dan perlahan-lahan element tersebut hilang setelah kita klik di gauntlet tsb, saya akan membagikan contoh sourcecode bagaimana cara membuat effect dust yang ada di google hanya dengan menggunakan javascript.
Pertama kita harus menambahkan beberapa library / framework javascript diantaranya :
- bootstrap.min.css
- bootstrap.min.js
- html2canvas.min.js
- chance.min.js
- jquery.js
- query-ui.min.js

pertama kita buat element html nya terlebih dahulu :

kemudian kita buat css nya :

kemudian kita buat js nya :

maka hasilnya akan seperti ini

Download Sourcecode :

Thanos effect (gdrive)  |  Mirror link (github)

link terakhir diperbaiki - 16 sept 2020


link rusak, atau ada kendala saat download & instalasi ? lapor di, lapor link!!
-
Referensi : https://redstapler.co/thanos-snap-effect-javascript-tutorial

Iwan Kurniawan

To be honest this is not my hobby, but i love it.

Related Posts

Responses (0)

Write a response