Записи с тегом «анимация»

Сниппет для подсветки клика по элементу на чистом JS

Важной кнопке или интерактивному элементу, с которым пользователь может взаимодействовать посредством клика, зачастую не хватает подтверждения совершённого действия. Для таких случаев автор применяет небольшой JavaScript-сниппет для анимации. Суть анимации такова: мгновенная установка свойства background-color и последующее плавное изменение его до оригинального значения спустя несколько секунд. Демо Некая важная кнопка для…

Часы чертежника на Canvas

Рассмотрим пример реализации часов чертежника с применением Canvas. Canvas — элемент HTML5, на котором можно создавать растровые изображения с помощью чистого JavaScript. Часы чертежника — оригинальная идея аналоговых часов, стрелки которых являются ребрами прямоугольного параллелепипеда. Приводится демонстрация результата и аннотированный исходный код. Демо Исходный код > > Gist «squareclock.html» Подробности ниже.…