devellopah
@devellopah

Что не так с этим спрайтом?

Что-то не выходит поработать со спрайтом
Пытаюсь подобрать background-position - ничего не видно

.icon {
	background-repeat: no-repeat;
	background-image: url('http://krona.mosco-web.ru/sprite.svg');
	background-size: 700px 194px;
	display: inline-block;
}

.icon--hamburger {
	background-position: 0 0;
	width: 21px;
	height: 17px;
}

<i class="icon icon--hamburger"></i>

песочница - https://codepen.io/dagman/pen/EJZXzX

Может дизайнер неверно сформировал спрайт?
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
RAX7
@RAX7
неверный background-position
https://codepen.io/anon/pen/MRJENd
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@tyzberd
svg спрайты используются не так.
https://css-tricks.com/svg-symbol-good-choice-icons/
в use xlink:href="#shape-icon-1" указываете ссылку на спрайт с id
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы