ingvildforseth
KPCKevin Powell - Community
•Created by ingvildforseth on 10/7/2024 in #front-end
Help: background and background-color in Chrome vs. Safari
1 replies
KPCKevin Powell - Community
•Created by ingvildforseth on 9/30/2024 in #front-end
Help: How to: Flip element on hover, keep end state, then reverse on next hover
What the title says ☝️
I have tried to make a pen, I don't understand why it does not work: https://codepen.io/ingvild/pen/OJKyzBy
I think this is a pretty "fair" request, and it should be easier to solve in CSS, so anyone wants to contribute?
I want to solve this only using CSS.
I have tried a variety of alternatives, no one leading to success 🙃
I added a video showing how on hover I don't want the icon to flip back when I unhover, but to stay in the flipped position, then on next hover, flip back to it's original state.
Desired behavior:
1. Hover: scaleX ➡️ -1
2. Unhovers: Keeps scaleX -1
3. Hovers 2nd time: scaleX ➡️ 1
4. Unhovers: Keeps scaleX 1
5. Repeat from 1.
14 replies