Cosss
@Cosss
Графический дизайнер

Возможно ли повторять произвольный прямоугольник из спрайта?

Может мне приснилось, но, кажется, когда-то видел такое css свойство, с помощью которого можно «репитить» произвольный прямоугольник из спрайта.
Если простыми словами, то хочется сделать спрайт кнопки такого вида
[|] — т.е. начало, повторяющийся фон, конец
Проприетарность свойства не волнует.
  • Вопрос задан
  • 2708 просмотров
Пригласить эксперта
Ответы на вопрос 4
@egorinsk
В CSS3 можно написать background: url(image.jpeg#xywh=10,10,20,20) repeat-x 0 0; или вроде того, и он возьмет кусок картинки и будет ее повторять. Я угадал ваш сон?

Также, есть свойство (которое все производители браузеров поддерживают по-разному и которым вообще невозможно пользоваться) border-image, которое позволяет разрезать картинку на 9 частей и тянуть, чтобы получилась рамка.

Кстати, у меня ощущение, что css спрайты противоречат идеологии HTML/CSS и объединением картинок должен заниматься прикладной протокол, например HTTP. Потому, наверно, поддержки спрайтов так долго не было в CSS.
Ответ написан
MTonly
@MTonly
Веб-разработчик с 2002 года
В Firefox 4+ поддерживается нестандартная CSS-функция -moz-image-rect для использования произвольной части изображения в качестве самостоятельного изображения.
Ответ написан
btd
@btd
Вы об этом?
Ответ написан
Комментировать
shvedovka
@shvedovka
Обычно использую вместо [|]

||
[]

К тому же если файл png, объем не сильно увеличивается.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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