Hover over the buttons to see the effect:

• Step 1: Add an element with a bottom border to the button; animate that element growing from width 0 to width 100%: Hover for Border
• Step 2: Position that element over the center of the button Hover for centered border
• Step 3: Add two such elements and rotate them so they form an "X"
Hover for centered border