Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Mark Wyner Won’t Comply :vm:
@markwyner@mas.to  ·  activity timestamp 5 days ago

Y’all. I made this cute little animation to show that a link was successfully copied. I use it on my writing site.

It’s not monumental, but I really like it. My son said it feels “very satisfying.”

#Design #CSS #Javascript #HTML #UI #Animation #InteractionDesign #WebDesign

Your browser does not support the video tag.
GIF
GIF
A link icon is visible near part of a date component. A mouse cursor hovers over the icon, then clicks it. The click triggers an animation that makes the icon shrink in size then get replaced with a green check mark in a circle that radiates outward one time. After 2 seconds, the icon animates back to its original state.
A link icon is visible near part of a date component. A mouse cursor hovers over the icon, then clicks it. The click triggers an animation that makes the icon shrink in size then get replaced with a green check mark in a circle that radiates outward one time. After 2 seconds, the icon animates back to its original state.
  • Copy link
  • Flag this post
  • Block
Log in

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1-alpha.8 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login