linkding

Bubbly Button

https://codepen.io/nourabusoud/pen/ypZzMM

Inspired by: https://dribbble.com/shots/3975065-With-a-Click-of-a-Button By Gal Shir Made the bubbles using "radial-gradient" for background-image.... really interesting use of multiple background radial gradients and multiple background position animation

#animation #buttons #css #gradient

1 week ago | View Shared by ttscoff
Collection of Button Hover Effects

https://codepen.io/davidicus/pen/emgQKJ

A few examples of flashy hover effects. Currently updating this pen. Work in Progress... simple flat animations

#animation #buttons #css

1 week ago | View Shared by ttscoff
CSS BUTTONS!!

https://codepen.io/derekmorash/pen/XddZJY

nice simple animations, flat

#animation #buttons #css

1 week ago | View Shared by ttscoff
Squishy Toggle Buttons

https://codepen.io/soulwire/pen/neJZgM

Simulating squishy rubber (elastomer) buttons, inspired by designs on Dribbble... really nice shadow work

#animation #buttons #css #shadow

1 week ago | View Shared by ttscoff
Pure CSS button switch

https://codepen.io/KittyGiraudel/pen/AzYrPb

Inspired by Diego Monzon's work on Dribbble : http://dribbble.com/shots/388701-Blue-Ice-User-Interface.<br> What do you think, does it look good ? Are ...

#animation #buttons #css #toggle

1 week ago | View Shared by ttscoff
Чистый CSS Button Hover Glow Effect

https://codepen.io/kocsten/pen/rggjXp

Glowing animated neon border on hover

#animation #buttons #css

1 week ago | View Shared by ttscoff
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

3 months 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

3 months 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
anime.js

http://anime-js.com/

A flexible, lightweight JavaScript animation library using CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

#.blogit #animation #css #javascript #webdesign

8 years ago | View Shared by ttscoff
AnimateMate - Animation Plugin for Sketch

http://animatemate.com/

Create animations directly in Sketch.

#.blogit #animation #plugin #sketchapp

9 years ago | View Shared by ttscoff
animatedModal.js

http://joaopereirawd.github.io/animatedModal.js/

"a jQuery plugin to create a fullscreen modal with CSS3 transitions." These are slick.

#.blogit #animation #css #javascript #jquery #modal #popup #webdesign

10 years ago | View Shared by ttscoff

LINKDING

Shared bookmarks

User

Tags