Eridani
@Eridani
Мимо проходил

Background — background-size в сокращенной инлайновой записи?

В какую позицию этого примера для первого бэкграунда нужно засунуть background-size 50%, чтобы не сломалось всё свойство?
background: url('/assets/images/offers/key.png') bottom 30px right 0 no-repeat, url('/assets/images/offers/sell.png') bottom right no-repeat #F7F7F9;

Между background-position и no repeat работать не желает
  • Вопрос задан
  • 104 просмотра
Решения вопроса 1
vadimkot
@vadimkot Куратор тега CSS
.class {
  background: 
    url('/assets/images/offers/key.png') bottom 30px right 0  / 50% no-repeat, 
    url('/assets/images/offers/sell.png') bottom right no-repeat #F7F7F9;
}

или
.class {
  background: 
    url('/assets/images/offers/key.png'), 
    url('/assets/images/offers/sell.png') #F7F7F9;
  background-position: bottom 30px right 0, bottom right;
  background-size: 50%, auto;
  ​​​​​​​background-repeat: no-repeat;
}

Смотри документацию https://developer.mozilla.org/ru/docs/Web/CSS/back...
Там же написано

bg-size
Смотри background-size. Это свойство должно быть указано после background-position, разделенного символом '/'.
MDN
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект