HTML-кнопки с анимацией - PullRequest
       1

HTML-кнопки с анимацией

0 голосов
/ 26 января 2011

Я пытаюсь создать несколько кнопок, которые содержат 4-5 кадров анимации, и вместо того, чтобы использовать типичный метод CSS (где 1 изображение имеет оба состояния, а CSS переключается между верхом и низом), мне было любопытноесли бы у кого-то была идея, как сделать это с 4-5 кадрами, а не с 2. Очевидно, что один только CSS не может этого добиться, но становится реальной проблемой найти ЛЮБУЮ информацию об этом.Поскольку изображения имеют индивидуальную анимацию, я не могу просто использовать непрозрачность для перехода в новое изображение, оно должно содержать все 4-5.Любая помощь будет высоко ценится!

Зак

Ответы [ 4 ]

1 голос
/ 26 января 2011

посмотрите на k10k и посмотрите, как работают кнопки вверху: анимированные png и анимированные картинки;)

png gif

1 голос
/ 26 января 2011

для этого вам понадобится анимированный GIF. если у вас нет установленного инструмента для создания анимированных GIF-файлов, либо воспользуйтесь Photoshop, что может привести к значительному перерасходу, либо воспользуйтесь бесплатными инструментами, такими как GIFted motion

1 голос
/ 26 января 2011

Единственный способ, которым я могу придумать, чтобы сделать это без JavaScript, заключается в том, чтобы при наведении состояния загружать анимированный GIF для фонового изображения. В противном случае вам придется использовать что-то вроде jQuery для анимации свойства background-position.

0 голосов
/ 26 января 2011

Очень нетрадиционное недовольство тем, как это можно сделать, это ...

-Анимация их как объекта-вспышкиЭкспортируйте xml / flash и вставьте его в htm

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...