Transitioning calc()

by stopsatgreen

HTML

<h1>CSS Day</h1>

CSS

h1 {
    font-size: 1em;
    transition: 1s;
}
h1:hover {
    font-size: calc(1em * 2);
}

JavaScript

var h1 = document.querySelector('h1');
h1.addEventListener('transitionend', function(e) {
    console.log(e.propertyName);
});