Я пытаюсь создать Карусель, где я покажу несколько твитов вместе с фотографией профиля пользователя.
У меня есть спрайт со всей фотографией профиля пользователя, чтобы уменьшить количество сетевых запросов.
Я могу расположить изображения спрайта с помощью background-position
. Для применения background-position
я могу выбрать контейнер-div, который будет содержать изображения с помощью селектора :nth-child
, или я могуназначьте отдельный идентификатор / класс каждому контейнеру, например, position-1
, position-2
и т. д.
Есть ли какой-либо лучший способ помимо вышеупомянутых методов, с помощью которого я могу эффективно расположить их?
Я хочу, чтобы решение только для CSS не хотело использовать JavaScript.