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 работать не желает
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
.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
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
22 июл. 2019, в 18:33
200 руб./за проект
22 июл. 2019, в 18:28
10000 руб./за проект