#todayilearned

by @jm3 · aka John Manoogian3

Frequent, bite-size mini-milestone updates as I fast-forward merge* my front-end web development skills up to 2019 levels. Learn more

CSS zoom upon hover

Posted at — Jun 15, 2019

To create a pure CSS zoom effect on user, just set: transition: transform 2s; on the element and then: transform: var(--scale); on the :hover pseudo-class, where scale is defined previously: --scale: scale(1.05);

View a demo in Codepen