Hey ! Looks nice, I had a look at how codepen operates under the hood a bit. I think this is a fix for how you were implementing the animation.
First we’re going to want to change:
<h1 style="color:#00B8D4" class="text-center" id="#title1">Linus Torvalds</h1>
<h1 style="color:#00B8D4" class="text-center" id="title1">Linus Torvalds</h1>
which removed the extra # from #title1 (this is how CSS selectors are referenced, but if you remember from our lessons with ID’s, they are generated without using #.)
Next, this is a bit tricky, you will want to hit the little gear icon on the CSS panel, and search for “animate.css”. Add that to the document using their provided instructions. Do the same in the JS panel, but instead look for “jquery.js” and add that to the specified panel.
These two actions are equivalent to providing a
<script> reference in your html code.
$("#title1").addClass("text animated zoomIn");
add the text class to your jQuery
This is the altered result: