CodePen

HTML

            
              <span class="flip tag-changer" id="myTitle">Your Business</span>
<br>
<br>
<br>

<a id="a">stomp</a>

            
          
!
via HTML Inspector

CSS

            
              #a {
  font-size: 1.5em;
		line-height: 1.1em;
		letter-spacing: .2em;
		background: white;
		border: none;
		border-radius: 10px;
		z-index: -2;
    margin-bottom: 20px;
    padding: 3px 15px 3px 15px;
		-moz-box-shadow:    inset 0 0 10px #000000;
   	-webkit-box-shadow: inset 0 0 10px #000000;
   	box-shadow:         inset 0 0 10px #000000;
}

.tag-changer {
  font-size: 5em;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(function() {
  var texts = [
    "Your Business",
    "Your Budget",
    "Your Company",
    "Your Restaurant",
    "Your Organization",
    "Your Cause",
    "Your Band",
    "Your Store",
    "Your Bar",
    "Your Group",
    "You"
  ],
  
  $title = $("#myTitle");
  
  $("a").attr('data-last-text', 0).click(function() {
    var $this = $(this),
    textIndex = (parseInt($this.attr("data-last-text"), 10) + 1) % texts.length;
    
    $this.attr("data-last-text", textIndex);
    
    $title.text(texts[textIndex]);
  });
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................