Я пытаюсь играть спрайтов анимации с помощью CSS, используя шаги, как это: http://jsfiddle.net/simurai/CGmCe/CSS Sprite-лист анимации с Multiple Row Sprite-лист
В этой связи он в основном определяет кадры, как это:
@-webkit-keyframes play { from { background-position: 0px; } to { background-position: -500px; } }
Проблема, с которой я сталкиваюсь; мой лист спрайтов - 1309 x 910 с 30 кадрами. Каждый кадр равен 187 x 182. Таким образом, мой лист спрайтов составляет 7 кадров в первых 4 строках и 2 кадра в последней строке.
Могу ли я сделать такую же анимацию, как анимация по ссылке выше, с определением самих кадров? Или мне нужно изменить спрайт и сделать его 1 ряд 30 кадров (результат 5610 x 182 лист спрайта)
что вы: вы создали скрипку со своим спрайтом и попробуйте? – caramba
@caramba Я попробовал это сам несколькими способами, но все, что я делаю, просто играет первую строку и игнорирует другие строки. – erkinyldz
было бы проще помочь, если вы настроите скрипку и покажете, что вы пробовали. вы можете установить больше значений в background-position: ЗДЕСЬ; это фоновая позиция: xpos ypos; (x = горизонтальный, y = вертикальный). поэтому, возможно, попробуйте что-то вроде фона-позиции: -20px -50px; и посмотреть, что будет – caramba