#1 D u s t Bookmarklet

Since I had an Unexpected Character & my code is simple, here it is.
I think I understand the relationship between HTML, CSS, and JS now (which is a huge step for me).

⚑
 

var style = document.createElement(‘style’);
style.type = ‘text/css’;

style.textContent = `

body:hover {
animation-name: space;
animation-duration: 8s;
animation-iteration-count: infinite;
}

@keyframes space {
from {letter-spacing: 0em;
color: absolute;
font-size: absolute;
}

to {letter-spacing: -10em;
color: white;
font-size: 0px;}
} `;
document.head.appendChild(style);

 
+ Here is my CodePen

 

– H.