linkding

How to Animate CSS Box Shadows and Optimize Performance

https://www.sitepoint.com/css-box-shadow-animation-performance/

Learn how to animate CSS box shadows, how each method affects browser performance, and how to decide which animation method to use.

#animation #boxshadow #css #optimization #performance

2 weeks ago | View Shared by ttscoff

How can I transition height: 0; to height: auto; using CSS? - Stack Overflow

https://stackoverflow.com/questions/3508605/how-can-i-transition-height-0-to-height-auto-using-css#8331169

I am trying to make a <ul> slide down using CSS transitions. The <ul> starts off at height: 0;. On hover, the height is set to height:auto;. However, this is causing it to simply appea...

#animation #css #height #transition

4 weeks ago | View Shared by ttscoff

sassman/t-rec-rs at producthunt

https://github.com/sassman/t-rec-rs?ref=producthunt

Blazingly fast terminal recorder that generates animated GIFs.

#.blogit #animation #gif #terminal

4 years ago | View Shared by ttscoff

Naker.Form

https://naker.io/solutions/interactive-forms.html

An interactive animation combined with your web form to gamify form completion. I dig it.

#.blogit #animation #form #webdesign

5 years ago | View Shared by ttscoff

anime.js - JavaScript animation engine

https://animejs.com/

A really nice library and complete API for JavaScript/CSS animations.

#.blogit #animation #javascript

6 years ago | View Shared by ttscoff

Animista

http://animista.net/

Another great toolbox addition for web designers. Animista offers a place where you can play with and customize ready-to-use CSS animations, with code ready to download and incorporate into your project.

#.blogit #animation #css #generator #webapp

7 years ago | View Shared by ttscoff