Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • About Bonfire
Mark Wyner Won’t Comply :vm:
@markwyner@mas.to  ·  activity timestamp 3 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 Dinteg Labs

This is a bonfire demo instance for testing purposes. This is not a production site. There are no backups for now. Data, including profiles may be wiped without notice. No service or other guarantees expressed or implied.

Bonfire Dinteg Labs: About · Code of conduct · Privacy ·
Bonfire social · 1.0.0 no JS en
Automatic federation enabled
  • Explore
  • About
  • Code of Conduct
Home
Login