Секция для тарифов на CSS
Секция с тарифными планами на CSS
Изначально секция рассчитана на три тарифных плана.
Кролик пускающий мыльные пузыри
CSS-анимация с пускающим мыльные пузыри кроликом
Кролик выполнен на чистом CSS и отлично подойдет для оформления блока или секции схожей тематики.
Кот идущий на передних лапах
CSS-анимация с идущим на передних лапах котом
Кот выполнен на чистом CSS и отлично подойдет для оформления блока, секции или другого элемента страницы, где он уместен.
Модальные окна на CSS
Два варианта создания модальных окон без использования JavaScript
Два разных примера создания модальных окон на чистом CSS.
Первый с использованием HTML-элемента <details>, а второй с флажком <input type="checkbox">
Выделение лиц на фотографии
Увеличение и выделение лиц и других объектов на фотографии
Решение на jQuery для выделения и увеличения объектов на фотографии при заходе на них курсора мыши или нажатии в мобильном варианте.
Данным способом можно понятно и красиво выделить людей на групповом фото или, например, отметить элементы какого-нибудь строения.
Пульсирующий цветок на CSS
Анимированный эффект с пульсирующим цветком на CSS
Эффект основан на CSS-свойстве animation
Секция-галерея на GSAP
Блок или секция с меняющимися мышкой фотографиями
Решение выполнено на JavaScript c использованием библиотеки GSAP и рассчитано на несколько фотографий.
Блоки с разноцветными пузырями
Анимированные разноцветные пузыри вокруг информационных блоков на JS
Решение не использует дополнительных библиотек и хорошо подойдет для оформления блоков на сайтах детской тематики.
Колода фотографий
Тасующиеся по клику фотографии как колода карт
Решение выполнено на jQuery, и может работать на всех экранах и с любым количеством фотографий
