Turning Links Into Buttons
Demo File From The Free Tutorial Centre

Welcome to this demo on turning links into buttons. This demo accompanies the tutorial on http://resource-centre.net/css3-tutorials/turning-links-into-buttons/

Note: the <a href="#"> is a quick way to create a link that goes nowhere. It's like an empty 'anchor'. For more information see our tutorial on HTML Links and Anchors.

• If you're on a desktop/laptop hover your cursor over each button to see it move.
• If you're on a tablet or phone, then press the button. You'll see the changed button position stays in place until you either press another button or 'unfocus' the button by pressing somewhere else on the page.