Like star rating, reaction components are something widely used in many websites so here I am with my own implementation: A CSS-only reaction compo...
For further actions, you may consider blocking this person and/or reporting abuse
Wait wait wait, did you...did you use the accessibility / inclusion emoji....and make it not accessible.
I mean, are you now trying to hurt me? I thought we were friends?
Well despite your betrayal I will still give your article a ❤ and a 🦄 as I am a nice guy 😉
Oh, That was the accessibility icon ?? didn't know (🤥🤥🤥)
Yeah it is the "universal access", "access for all" or similar, I think it stems from Apple, although they could have stolen the icon knowing them 😉. I just know you will see it a lot in accessibility related stuff (as you can imagine I see it all the time!).
The best part about this posts is that after the explanation in your last post it actually makes sense!
Previously I would have had to play with the values for 10 minutes until I got it!
So thanks for the previous post...I will recover from this post...I suppose you owe me a heart attack after my SVG antics causing you so much pain 😋🤣
well, I knew it was the accessibility icon 😝 .. that "Pinocchio" emoji wasn't clear in my last comment 🤔
By the way, I am almost accessible, I used a label 😋. Missing some aria-things and it should be done
Nice animations! 👍🏻 I think my only grudge is the inconsistency of emojis on various OS’es, they will not look the same. And a small thing: add
-webkit-tap-highlight-color: transparent;(I forgot that too on mine!)True, that's why I also made the custom icon version in case someone want to have better control over the icon.
Uh... There's a bug... if you click multiple times it's growing really big... :P
Its not a bug it is a feature! Seeing the icons at 2000% size and upside down is an Easter egg Temani added just for you!
And what a feature it is!
it's not really a bug. It's the logical result of using my magic cubic-bezier(). There is a math explanation behind it 😉 so yes it's a hidden feature you just discovered!
Ok! :P
Mr XX: But why there is no reaction count in your post?
Me: I will not use all my weapons at once. A war is made with different battles and we need a good strategie to win!
Mr XX: Oh! I see I see ..
typo: strategie
(I keep finding typos)
Very cool, I like animating gradient backgrounds. It can look really impressive.
Cool effect! Reminds me of DEV reactions
come on! mine are better 😜
👍Good One!
Amazing
Is this a one-time animation upon click like in Facebook or something consistent like in Slack or Discord? It looks really good. Maybe I’ll try to expand on it if you will allow me.
feel free to do and show me what you get ;)
I found a bug: I you spam the reaction button, the emoji becomes really big and also goes out of viewport
yes I am aware of it ;) it's a side effect of the cubic-bezier() I am using