Forked from Mark Hayes's Pen qdCAc.
A Pen by Rafi Benkual on CodePen.
Forked from Mark Hayes's Pen qdCAc.
A Pen by Rafi Benkual on CodePen.
<button type="Submit" class="button postfix "><span class="button-content">Submit</span></button> | |
$('button').on('click', function(event){ | |
event.preventDefault(); | |
$(this) | |
.blur() | |
.addClass('is-submitted') | |
.find('.button-content') | |
.text('Got it, thanks!'); | |
}); | |
$(document).foundation(); |
button:active, | |
button.is-submitted, | |
button.is-submitted:hover, | |
button.is-submitted:active { | |
background: #27ae60; | |
outline: 0; | |
} | |
.button { | |
height: 6rem; | |
width:20rem; | |
font-size:2rem; | |
} |