Search
Write a publication
Pull to refresh

PNG анимация без проблем — HTML Only.

Недавно я разработал библиотеку для создания анимации и полупрозрачных JPEG. Думаю, она никого не оставит равнодушным. Это расширение для HTML5 + JavaScript анимации. Создана специально для верстальщиков.
Достаточно написать несколько строк:

<img src="frame2.png" class="animation">
<img src="frame1.png" class="animation">
<canvas data-classes="animation" class="screen" data-time="50"></canvas>


И анимация заработает!

Еще одна вещь позволяет сделать полупрозрачность на JPEG. Она имеет обратную совместимость.
<img src="fallback.png" datas-source="img.jpg" data-mask="mask.png" data-grayscale="no">


Демо
Библиотека для анимации
Библиотека для альфа-канала и grayscale

Основано на HTML5 и Canvas.
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.