![Aspect rasio dengan css](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMJYr8YDmpobaY9xu3tU2xj0QIuB1d1PQVo3HTQId0YvVa4qDVIlxJLUGsLePWOch1brnkYWiFk29PASMcvdNXPsvGxbMpd-NiVNW6mejjQpf0F4Br4nxKEGGjUWzmCuwrU8hoObGH75wI436Vk80cIeilH2I2_OUC-iLwEmh1FU-sDMaWmTbr6jTPac2/s320/gambar%20dengan%20aspect%20rasio.jpg)
Penerapan aspect rasio css
Aspect rasio di css dapat dipakai untuk menentukan bagaimana gambar atau elemen ditampilkan. Apakah condong persegi panjang, ataukah persegi empat.
Dengan menggunakan aspect rasio, kemungkinan tinggi (height) elemen tidak lagi di tentukan, jika merupakan elemen didalam elemen, dan ada konten dibawah yang menyertai, hanya lebarnya saja.
Contoh penggunaan aspect-rasio adalah pada gambar posting blog ini, dan gambar gallery dalam postingan.
Untuk gambar, akan mengikuti aspect-rasio yang telah di tentukan, misal persegi empat, biar lebar gambar nanti berubah bagaimanapun, tampilan gambar akan tetap persegi empat.
Untuk menyesuaikan dengan sisa konten, lebar utamalah yang di tentukan atau disesuaikan tinggi menurut keperluan lebar layar dan tampilan keseluruhan konten (Gambar posting, judul posting, snippet post, mungkin link author dan tombol yang disertakan
Aspect rasio cocok digunakan untuk desain responsive karena akan menghemat waktu. Sekali ditentukan, ketinggian gambar akan tersesuai secara otomatis nantinya.
Tentang Author
St
Dikirim pada -
4 Nov 2023
" Selamat datang, selamat membaca dan selamat berseluncur "
Lainnya oleh Santuy :
Komentari
Posting Komentar