Home» » »

Aspect rasio pada css dan penggunaannya

🔈 0
Aspect rasio dengan css
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 -
" Selamat datang, selamat membaca dan selamat berseluncur "

Share ke

Komentari

Posting Komentar

suntuy.com @ 2024
Top
Loading...