Заполнители для портретных изображений

Я хотел бы показать заполнитель перед загрузкой портретного изображения 3:4. Для пейзажных изображений я использую этот трюк:

.thumb {
  background:red;
  position:relative;
  padding-top:75%;
  width:50%;
}

img {
  position:absolute;
  top:0;
  max-width:100%;
  width:100%;
}
<div class="thumb">
  <img src="http://via.placeholder.com/300x400">
</div>

Могу ли я что-нибудь сделать для портретных изображений?

0 ответов

Другие вопросы по тегам