Как каждой картинке задать свои координаты?

Question

[xxxfdd]

Я открыл в css через bacground-image 3 изображение вот так вот background-image: url('../images/products/icons/lepa.svg'), url('../images/products/icons/bag.svg'), url('../images/products/icons/love.svg');
но теперь я не могу обратится к ним по одельности они протсо накладываются дргу на друга как решать и обратится к каждой по отедлности?

Answer 1

[Юрий]

Точно так же через запятую пишите им background-position.

Comments

[xxxfdd]

Не работает

[xxxfdd]

вы имеете ввиду вот так просто в столбик?
background-position: right center;
background-position: right center;
background-position: right right;

[Юрий]

xxxfdd, работает, вы же видите мой codepen. Если у вас не получается, значит что-то делаете не так.

[Юрий]

xxxfdd, вы откройте codepen из моего ответа, там всё есть. Не так, в столбик, а в одном свойстве через запятую.

background-position: top, left, bottom;

[xxxfdd]

Юрий, Юрий, да все сработало спасибо

[xxxfdd]

Юрий, а можно вместо bacground-position как нибудь использовать left right и тд?

[Юрий]

xxxfdd, просто добавляете нужное смещение от нужного края:

background-position: top 10% center, left 100px top, bottom -120px right;

[xxxfdd]

Юрий, Благодарю )