CSS Motion Typography: Exploding Text (hover)

HTML
1
2
<figure class="svg-container">
<svg xmlns="http://www.w3.org/2000
    /svg" viewBox="0 0 475.7 162.3"
    id="heavy" preserveAspectRatio
    ="xMinYMin meet">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
CSS
1
2
.svg-container {
display: inline-block; position:
      relative;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
JAVASCRIPT
1
2
$( document ).ready(function() {
var heavy = document.getElementById
    ("heavy"),
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Expand for more options Login