Cara Membuat Zoom Gambar Dengan Menggunakan AngularJs

Cara Membuat Zoom Gambar Dengan Menggunakan AngularJs

Pada kesempatan kali ini saya akan membahas artikel tentang Cara Membuat Zoom Gambar Dengan Menggunakan AngularJs. Yang di maksud membuat zoo gambar pada artikel kali ini adalah membuat suatu animasi ketika saya melakukan mousemove atau pergerakan pada mouse di suatu objek maka di area dekat mouse akan saya zoom atau perbesar. Biasanya animasi ini sering kita jumpai di sebuah beberapa marketplace yang dibuat sebuah fiter untuk dapat melihat lebih dekat suatu produk. (more…)

Cara Membuat Progress Bar Dengan Menggunakan AngularJs

Cara Membuat Progress Bar Dengan Menggunakan AngularJs

Progress Bar adalah suatu proses yang dapat diukur sejauh mana proses itu sudah berjalan. Untuk contoh dari progress bar kita sering melihatnya jika sedang melakukan copy paste sebuah file atau melakukan upload pada file. Nah kali ini saya akan membuat animasi dari progress bar tersebut pada artikel tentang Cara Membuat Progress Bar Dengan Menggunakan AngularJs. (more…)

Cara Membuat Aplikasi Edit Foto Dengan Menggunakan AngularJs

Cara Membuat Aplikasi Edit Foto Dengan Menggunakan AngularJs

Pada kesempatan kali ini saya akan membahas tentang Cara Membuat Aplikasi Edit Foto Dengan Menggunakan AngularJs. Dimana fitur yang akan saya sediakan seperti transparan, border atau garis pinggir, warna border dan border radius. Dan untuk fitur fitur seperti border, transparan serta border radius saya akan gunakan input range untuk mengaturnya. (more…)

Cara Membuat Animasi Hover Overlay Gambar Dengan AngularJs

Cara Membuat Animasi Hover Overlay Gambar Dengan AngularJs

Animasi hover overlay adalah suatu animasi yang akan keluar di dalam elemen tersebut ketika kita arahkan kursornya. Dimana animasi overlay bisa berupa tulisan, icon atau efek transparan, slide atau zoom. Biasanya animasi overlay ini sering digunakan pada sebuah gambar. Dan kali ini saya akan membahasnya pada artikel tentang Cara Membuat Animasi Hover Overlay Gambar Dengan AngularJs. (more…)