Image atau gambar berperan penting untuk website anda.
Tentu saja website lebih menarik apabila terdapat gambar pendukung didalamnya.
Mari kita cari tahu apa saja yang bisa dilakukan dengan widget image pada elementor.
Content
- Image: Upload gambar anda disini
- Image size: Atur ukuran gambar anda
- Alignment: Tentukan posisi gambar
- Caption: Aktifkan untuk memberi caption gambar
- Link: Aktifkan untuk menghubungkan gambar ke url apabila gambar di klik
Style
- Width: Atur lebar gambar
- Max Width: Tentukan lebar maksimal gambar
- Height: Atur panjang gambar
Ketika mengatur panjang gambar akan muncul pengaturan tambahan yang berfungsi sebagai berikut:
- Fill: Gambar akan mengisi container/section sesuai dengan pengaturan panjang
- Cover: Gambar akan melebar memenuhi container/section dan menyesuaikan panjang sesuai pengaturan
- Contain: lebar dan panjang gambar akan disesuaikan sehingga gambar tidak terpotong
- Hover Animation: Pilih animasi ketika pengguna mengarahkan kursor ke gambar
- CSS Filters: Atur blur, kecerahan, kontras, dan saturasi gambar
- Opacity: Atur tranparansi gambar
- Transition Duration: Tentukan durasi waktu animasi hover gambar
- Border Type: Tentukan tipe border untuk gambar
- Border Radius: Atur ukuran sudut border gambar
- Box Shadow: Beri efek bayangan pada gambar
- Caption: Atur tampilan dari caption gambar