Лас- CSS3 анимации позволяют анимировать переход между одним стилем CSS и другим. Они состоят из двух компонентов. С одной стороны, у нас есть стиль, описывающий анимацию, а с другой - набор кадров, указывающих ее начальное и конечное состояние.
CSS-анимации у них есть некоторые преимущества поскольку они довольно просты в выполнении по сравнению с традиционными методами написания сценариев, и поэтому, если мы будем использовать очень интересные и качественные источники ресурсов, работа будет еще проще. Однако это требует времени и может быть очень трудным, поэтому эти источники ресурсов могут пригодиться.
Функция ослабления
Esta указать скорость анимация, чтобы сделать его более реалистичным. Ящик открывается, дается ускорение и, наконец, происходит торможение. Когда что-то падает, оно сначала быстро падает, а затем подпрыгивает. Вы можете найти желаемую функцию на этой странице easing.net. Лучше всего то, что он на нашем языке, чтобы вам было проще пользоваться этим сайтом.
Animate.css
Дэн Иден составил Библиотека анимации CSS невероятной красоты, которую вы можете использовать в своих проектах. Сам проект - отличный источник вдохновения.
Анимация Плюс
Stripe хорошо известна своими страницами продуктов, на которых качество во всех его анимациях. Один из их творческих умов, стоящих за этими анимациями, - Бенджамин Де Кок, который создал библиотеку анимации CSS и SVG, которая работает очень хорошо и имеет легкий вес; идеально подходит для мобильных устройств.
Hover.css
Похожий на Animate.css ресурс, Hover.css - это Коллекция эффектов CSS что вы можете свободно использовать их в своих проектах. Он фокусируется на эффектах наведения для ссылок, кнопок, изображений и многого другого.