Красивый эффект при щелчке

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

Данные эффекты еще сыры и работают только в браузерах нового поколения.

Мы взяли  иконки из  Font Awesome, а эффекты работают для кнопок:

Стилизация кнопок:

Анимация для JavaScript:

Наслаждаемся результатом:

гифка получившегося эффекта

Этот эффект используется, чтобы перейти в SVG clipPath, что поддерживает только Chrome.

гифка получившегося эффекта

Свойство стилей clip-path, для модуса «Stoja», действует далеко не в каждом браузере.

гифка получившегося эффекта

Цветовые изменения цветов в SVG не работают в мобильной версии Safari, поэтому цвета «Azra» и «Dajan» предстанут в неправильной гамме.

the coment is here
Вы можете оставить ответ, или trackback с вашего сайта.

Leave a Reply

Надо сделать сайт? Мы выгодно сделаем сайт! ©