A CSS-only elastic hover effect, because why not?
Uncategorized
12
Posts
6
Posters
0
Views
-
@css nice! would be even better with the directional hover! https://kizu.dev/multi-directional-hover/
@kizu yes, good idea. Will try another implementation 😉
-
@kizu yes, good idea. Will try another implementation 😉
@css I imagine today, almost 14 years later after that experiment, it could be easier to achieve :D
-
@css I imagine today, almost 14 years later after that experiment, it could be easier to achieve :D
@kizu maybe not. Looks like we always need many "elements" to catch different hover but I will see If I can avoid adding more elements to my existing markup.
-
@kizu maybe not. Looks like we always need many "elements" to catch different hover but I will see If I can avoid adding more elements to my existing markup.
@kizu kind of doable: https://codepen.io/t_afif/pen/xbOzxyp/955a11790fe0de9c7428c98b9fc1f0ad but I need to clean the code a little.
-
A CSS-only elastic hover effect, because why not?
https://css-tip.com/elastic-hover/
A chrome-only experiment using shape(), sibling-index(), linear(), etc.
A direction-aware and more realistic version.
-
A CSS-only elastic hover effect, because why not?
https://css-tip.com/elastic-hover/
A chrome-only experiment using shape(), sibling-index(), linear(), etc.
@css @pixelambacht Ok now I definitely need to try this out with the Shop Sans Curve variable font and animate its curvature axis along with the bouncy baseline.
https://www.futurefonts.com/hex/shop-sans -
@css @pixelambacht Ok now I definitely need to try this out with the Shop Sans Curve variable font and animate its curvature axis along with the bouncy baseline.
https://www.futurefonts.com/hex/shop-sans@nicksherman @css A match made in heaven!
-
A direction-aware and more realistic version.
works on my iPad as well 🤯(safari and no real hover)
-
A CSS-only elastic hover effect, because why not?
https://css-tip.com/elastic-hover/
A chrome-only experiment using shape(), sibling-index(), linear(), etc.
@css Super nice effect! Which part is Chrome only? Safari seems to support all relevant parts as well.
-
@css Super nice effect! Which part is Chrome only? Safari seems to support all relevant parts as well.
@florianboegner I cannot test with Safari so I don't know. If it works there, then good.
-
undefined filobus@sociale.network shared this topic
Gli ultimi otto messaggi ricevuti dalla Federazione
-
@effeindi Per me non è un problema che una piattaforma privata faccia il bello e il cattivo tempo a casa propria. Trovo buffo, anzi, che qualcuno nutra aspettative diverse.
-
Share your feedback!
We would love to hear about your FOSDEM experience! Whether positive or constructive, your feedback and suggestions for future editions are invaluable. Please send your thoughts to feedback@fosdem.org. If you have feedback for speakers, you can also use the links under each event in the schedule.
-
Current* conditions near Toledo, OH:
-
@electricsheep Frigo cambiato da un po' di anni. Lavatrice pure. Il forno non scalda ma andiamo con il microonde. La lavastoviglie è sempre la stessa da almeno 30 anni. Non dico la soddisfazione di cambiare piano cottura, con uno con le griglie in ghisa che finalmente sta acceso (quello vecchio, e neanche tanto, aveva problemi alla termocoppia). Il prossimo acquisto sarà una scopa elettrica (rigorosamente cablata) per sostituire l'aspirapolvere, che sta cadendo a pezzi (letteralmente).
-
-
@dmoonfire did it start with f and end with ucking?
-
@mcc [Karl Marx has entered the chat]
-
@GustavinoBevilacqua @electricsheep Ci vuole il giusto equilibrio.
