Этот набор кнопок CSS очень прост, но именно это делает их привлекательными, если вы хотите добавить немного интерактивности на свой сайт.

#button #hover

Готовый прелоадер в виде зарядки для вашего проекта.

#preloader

Animation – всплывающие пояснения в виде попапа при наведении курсора мыши на зачеркнутый текст.

#hover #popup #text

Animation – показываем текст спойлера при наведении курсора мыши.

#text #hover #pure_css

Animation – эффект параллакса для изображения с изменением текста при прокрутке страницы.

#scroll #parallax #image #text #gsap

Animation – адаптивная сетка из книг с анимацией наклона при наведении курсора мыши.

#hover #image #book

Animation - разворот карты Google с круговой анимацией на полноэкранный режим.

#hover #map

Animation – тумблер-переключатель в форме сердца.

#toggle_switch #pure_css

Animation – эффект пикселизированного появления изображения с анимацией растворения.

#hover #image #canvas #gsap

Animation – анимация добавления товара в корзину по клику.

#button #click #gsap

Animation - эффект имитации грозы с дождем

#image #canvas

Animation – интересное решение интерактивной сетки реализованной с помощью скролла и слайдера

#scroll #slider

Animation - неоновая кнопка c плавающей гранью на чистом CSS

#hover #button #pure_css

Animation - тумблер-переключатель в виде яйца на чистом CSS, можно использовать в проектах связанных с едой

#toggle_switch #pure_css

Animation – 3D анимация текста при наведении курсора мыши

#hover #text

Animation – изображения со всплывающим информационным меню при наведении курсора мыши

#hover #pop_up #image

Animation – плавающий цвет фона при наведении курсора мыши

#hover #button #pure_css

Animation – интерактивная форма обратной связи

#form #drag