Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<style>
.lebounce mark { font-size:4em; z-index: 99; animation: bounce 2s infinite; animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto; background: none;}
 
.lebounce mark:nth-child(1) { animation-delay:0s; display:inline-block;}
.lebounce mark:nth-child(2) { animation-delay:0.2s; display:inline-block;}
.lebounce mark:nth-child(3) { animation-delay:0.4s; display:inline-block; }
.lebounce mark:nth-child(4) { animation-delay:0.6s; display:inline-block;}
.lebounce mark:nth-child(5) { animation-delay:0.8s; display:inline-block;}
.lebounce mark:nth-child(6) { animation-delay:1s; display:inline-block;}
.lebounce mark:nth-child(7) { animation-delay:1.2s; display:inline-block;}
.lebounce mark:nth-child(8) { animation-delay:1.4s; display:inline-block;}
.lebounce mark:nth-child(9) { animation-delay:1.6s; display:inline-block;}
.lebounce mark:nth-child(10) { animation-delay:1.8s; display:inline-block;}
 
@keyframes bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-30px); } 50% { transform: scale(1.05,.95) translateY(0); } 60% { transform: scale(1,1) translateY(-4px); } 100% { transform: scale(1,1) translateY(0); } }
</style>
 
<div class="lebounce"><mark>I</mark><mark>n</mark><mark>s</mark><mark>e</mark><mark>r</mark><mark>t</mark> <mark>h</mark><mark>e</mark><mark>r</mark><mark>e</mark></div>
<div style="font-size: 1.5em;">
To insert into Carrd: copy and paste all the styles into an embed, nothing outside of it. If you have pro plus, give the text you want to have bouncy letters the "lebounce" class. If you have pro standard, change ".lebounce" to "#text01" or whatever the ID of your text is. To then put the code into action, highlight each individual letter using Carrd's markdown rules (==l====i====k=====e== ==t====h====i====s==). Voila.
As for creds...<br>
CYBERPINKED FOR THE BASE CODE. ALLISON OF MCYT.CRD.CO. Then also li'l old me, Jake @carrduser, only if you repost to your resource Carrd because I optimized it for Carrd. THANKS!!!!!!! Muchas gracias. 
</div>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers