Muhammad Hafid

Janganlah malas untuk berkarya, biarpun sederhana tetapi bermanfaat bagi orang lain. Kerjakan dengan penuh kesabaran dan keikhlasan

Image Responsive Material UI Style

Wow, katakan wow pada material UI, yang dimana UI ini digunakan oleh google juga loh, bagi kalian yang berkecimpung dibidang web desain / front end developer wajib mencobanya. Disini saya tidak akan membahas panjang lebar mengenai material UI.
Disini saya hanya ingin share mudahnya membuat image responsive di material UI hanya menyisipkan class yang sudah ditentukan. Perhatikan script dibawah ini :

Script menampilkan image yang standard :
<img src="img/logoasei.png" alt="Logo Asuransi Asei"> <br />
Dirubah menjadi :
<img src="img/logoasei.png" class="responsive-img" alt="Logo Asuransi Asei">
Ingat ya disini saya sudah mengincludekan material UI nya, di headernya : 
<link type="text/css" rel="stylesheet" href="css/materialize.css"  media="screen,projection"/>

Penjelasan diatas adalah untuk gambar ori ya, jadi mengikuti ukuran size gambar yang sebenarnya, atau kalian ingin menampilkan gambarnya didalam lingkaran, classnya seperti ini :
class="circle responsive-img"
Mudah bukan ?

Labels: html

Thanks for reading Image Responsive Material UI Style . Please share...!

0 Comment for "Image Responsive Material UI Style"

Terima kasih sudah berkunjung ke blog saya, semoga informasi nya bermanfaat buat anda.

Back To Top