Комментарий от INITIAL JK

Комментарий #9551772
INITIAL JK

в топике Страница F.A.Q. клуба CSS-club – настройка внешнего вида сайта 6 мая 2023

Как картинку сделать тип пропорционально размеру постера чтобы поместилась ? А то вставляю и там часть картинки, по размеру не подходит - .b-catalog_entry a[href *= 'animes/949'] .image-cutter,
.b-catalog_entry-tooltip > a[href *= 'animes/949'] {
background-image: url(media.tenor.com/ytcXdxCBwyQAAAAC/noriko-gunbuster.gif);
}

@grin3671

Ответы

grin3671 6 мая 2023#

@INITIAL JK,
Свойство contain, «чтобы поместилась»:

.b-catalog_entry a[href *= 'animes/949'] .image-cutter,
.b-catalog_entry-tooltip > a[href *= 'animes/949'] {
  background: url("https://media.tenor.com/ytcXdxCBwyQAAAAC/noriko-gunbuster.gif") center / contain no-repeat;
}

Свойство cover для заполнения доступного пространства:

.b-catalog_entry a[href *= 'animes/949'] .image-cutter,
.b-catalog_entry-tooltip > a[href *= 'animes/949'] {
  background: url("https://media.tenor.com/ytcXdxCBwyQAAAAC/noriko-gunbuster.gif") center / cover no-repeat;
}

@INITIAL JK

Твой комментарий

Комментарий #9551772 INITIAL JK

Комментарий #9551772
INITIAL JK