KPC
Kevin Powell - Community•10mo ago
👾 | Lofty | 👾

How to cause transition to happen from the center instead of top left?

The eyeballs come into existence from the corners respectively, how would I make them pop out from the center? CODEPEN: https://codepen.io/lofty-brambles/pen/JjeqyPj
Lofty-Brambles
CodePen
dancing burger
...
3 Replies
Mannix
Mannix•10mo ago
👾 | Lofty | 👾
👾 | Lofty | 👾•10mo ago
YES! Thanks a tonnn! transform's so cool
Mannix
Mannix•10mo ago
yeah and more performant 🙂
Want results from more Discord servers?
Add your server
More Posts
Image in flexbox.In the Hero section I would like to align the Image with the bottom of the container (border-bottom i want to change the style of slider like the slider in the link https://aleksfedotov.github.io/passi want to change the style of slider like the slider in the link https://aleksfedotov.github.io/passNow a days I am using sass but I don't understand why should I use !important to apply the style.It doesn't work until I give !important I have to use 2 time !important specially when I want to setSave images from file input in form POST methodSo recently I've been learning express JS and wanted to do a simple project of making a website withDisable Scrolling for a Mat Dialog in the backdropAm trying to disable page scrolling when Mat Dialog is opened . Tried overflow:hidden but it didn't How to nest element between content and router (react-router-dom v6)I am trying to build react web, where is element (`Provider`) nested between router, so the element How to style react web pages (beginner)Hi guys, im trying to create my first React website but im unsure about the best practice for stylin> * + * means?.card > * + * { margin-top: 3rem; } Does it mean, that inside .card, leave the first child, and gWhat does it mean and why to use?I have seen many people using this: *, *::before, *::after { } why they use this, what it meansMaking a responsive hamburgerHello guys, today I am having trouble creating a hamburger menu for my webpage, even though I am no