All the CSS3 animations let you animate the transition between one CSS style and another. These consist of two components. On the one hand, we have the style that describes the animation, and on the other, the set of frames that indicate its initial and final state.
CSS animations they have some advantages as they are quite simple to do if compared to traditional scripting techniques and therefore, if we use very interesting and quality sources of resources, the work will be even easier. In any case, it takes time and can be very difficult, so these sources of resources can come in handy.
Easing function
This specify speed animation to make it more realistic. The drawer is opened, acceleration is given and finally it is braked. When something falls, it first goes down quickly to end up bouncing. You can find the desired function on this easing.net page. The best thing is that it is in our language so that it is easier for you to use this website.
Animate.css
Dan Eden has compiled a CSS animation library of great beauty that you can use in your projects. The project itself is a great source of inspiration.
Animate Plus
Stripe is well known for its product pages that have a quality in all the animations it has. One of their creative minds behind those animations is Benjamin De Cock, who has created a library of CSS and SVG animation that performs very well and is light in weight; perfect for mobile.
hover.css
A similar resource to Animate.css, Hover.css is a CSS effect collection that you have them freely to use as you want in your projects. It focuses on hover effects for links, buttons, images, and more.