Tampilan logo yang harmonis dengan JavaScript

Apakah referensi, mitra, atau pelanggan - ada banyak kasus di mana Anda ingin menampilkan beberapa logo bersebelahan secara harmonis. Proporsi logo sebagian besar tidak konsisten. Seringkali Anda mengikuti insting Anda untuk representasi ukuran dalam desain, tetapi ada juga metode kalkulasi yang tepat untuk representasi yang menarik secara visual dengan menyamakan area logo. Dalam contoh berikut, Anda dapat melakukan ini hanya dengan beberapa baris JavaScript.


Jika Anda menyamakan tingginya, Anda mendapatkan tampilan berikut:

CodePen

Jika Anda melakukan prosedur yang sama dengan lebarnya, berikut ilustrasi hasilnya:

CodePen

Lebih baik menyamakan area dengan bantuan beberapa baris JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Ini memberikan gambaran berikut:

CodePen

Kembali