20+ cool CSS Animated Buttons

1.Creative Button Animation Effects | Only Using HTML & CSS

2.Creative button | hover over

3. CSS animations to the pseudo-elements. The button is a SASS Mixin.

4. 

5.

6.Hover effect using pseudo elements

7. Need a simple button hover effect for your project? Here's my list of examples.

9.

10. A cool collection of Easy button hover effects using CSS only.

11.Awesome button hover effects

12.Button with a subtle gloss/shine wipe on hover. No images, just a single HTML element and a CSS pseudo-element.

13.These are ten buttons with CSS hover effects. The effects are used transitions, text-shadows, animations, and transforms.

14.Button with simple effect on hover! Single element required

15.Playing with css animations and hover effect.

16.A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, SASS, and LESS.

17.Simple button styles to kickstart you webdesign!

18. Making some basic animations with box-shadows. No extra elements or even pseudo-elements required.

19.Some button hover effects using psuedo elements and borders.

20. A few examples of flashy hover effects. Currently updating this pen.