Animating-Hamburger-Icons
Animating-Hamburger-Icons copied to clipboard
Published
20 hours ago •
callmenick
callmenick
htx version doesn't transition properly
When using the 'htx' version, the top and bottom bars just rotate immediately instead of moving down to the center as expected. When removing the class, the center bar appears immediately as well. Attaching a quick screen recording for reference.
As it turns out, it is a problem with a css autoprefixer. For some reason it changes, e.g. transition: top, transform to transition: top, transform, -webkit-transform, which in return breaks the animation.
https://github.com/postcss/autoprefixer/issues/617
Either don't use the autoprefixer or include the style.css instead of the Sass files. Both kinda sucks...
