A set of three amazing pure CSS button hover effects by Dronca Raul in which when you hover over the first button, it morphs into top and bottom line. When you hover over the second button, the box will transform into a transparent cross with a thin border. And in the third one, when you hover over the button it transforms into a ghost button.
If you are having trouble with the pen, try the archived copy on GitHub
See the Pen Three Simple CSS Button Hover Effects by Dronca Raul (@rauldronca) on CodePen.0