1. Пользоваться форумом на планшетах и телефонах стало удобнее благодаря Tapatalk

Анимация для сайта.

Тема в разделе "2D-болтуны", создана пользователем Артём Павлов 130518, 19 фев 2013.

Модераторы: ZElena
  1. Maret

    Maret Знаток

    С нами с:
    24.05.2011
    Сообщения:
    17
    Симпатии:
    110
    Баллы:
    22
    Пожалуйста помогите, кто знает как сделать анимированную кнопку для сайта? Дело в том, что сделал в фотошопе кнопку и настроил там же анимацию спецэффектов (свечения). Всю кучку .png файлов сохранил в формате .gif для Web devices. Но вот незадача, как я потом узнал гифки не поддерживают альфа-слои (точнее поддерживают, но состояния 2: либо прозрачен либо непрозрачен).
    Ну так вот, есть секвенция .png-файлов, как сделать нормальную анимацию, с поддержкой альфа-слоёв(флеш не использовать, такое требование заказывающей стороны)? Погуглив вроде нашёл формат APNG, но его поддерживают не все браузеры.


    Кто хочет посмотреть как будет выглядеть данное убожество на сайте, скачайте гифку, код снизу копирните, вставьте в текстовик и сохраните его в формате .html

    <html>
    <head>
    <title>Моя первая интернет страница всего лишь за 5 минут</title>
    </head>

    <body bgcolor="#00CCFF" text="#FFFF00">

    <center>

    Сегодня замечательный день. <br>Я сделал свою первую интернет страничку.

    <br><font color="#0000FF">я буду богатым и свободным человеком !</font>

    <br><br>

    <img src="kNopka_Anima.gif">

    </center>

    </body>

    </html>
     

    Вложения:

    • 3018382.jpg
      3018382.jpg
      Размер файла:
      440,5 КБ
      Просмотров:
      98
  2. Maret

    Maret Знаток

    С нами с:
    24.05.2011
    Сообщения:
    17
    Симпатии:
    110
    Баллы:
    22
    И обязательно держите гифку и html в одном месте(копирните обоих на рабочий стол, а потом увидев данный кошмар удалите).
     
Модераторы: ZElena

Поделиться этой страницей