h1 Spring<br>Animation
View Compiled
@import url(https://fonts.googleapis.com/css?family=Lobster)

body
  display flex
  align-items center
  justify-content center
  position fixed
  top 0
  right 0
  bottom 0
  left 0
  background white
  color #B61A44

h1
  text-align center
  font-family Lobster, sans-serif
  font-size 20vw
  animation 5s wobble linear infinite

@keyframes wobble
  for i in (0..100)
    {i + '%'}
      transform scale(spring-wobbly(i / 30), spring-wobbly(i / 20))
  0%
    opacity 1
  50%
    opacity 1
  90%
    opacity 0
  100%
    opacity 0
View Compiled

External CSS

  1. https://codepen.io/dtinth/pen/PPXapb.stylus

External JavaScript

This Pen doesn't use any external JavaScript resources.