Pens from Dean https://codepen.io/visualcookie/ en nospam@codepen.io Copyright 2024 2020-05-20T04:56:12-07:00 Recreation: Card theme switcher https://codepen.io/visualcookie/pen/xeBqBm https://codepen.io/visualcookie/pen/xeBqBm Dean

See the Code - See it Full Page - See Details

Heres an interaction which allows you to change your card theme. We focused on the two simple micro animations which indicate the accomplishment of changing your card – which is quite a joyful moment for most users. This Pen is a recreation of a Dribbble Shot, which can be viewed here: https://dribbble.com/shots/6440021-Card-Theme-Switch

]]>
Recreation: Card theme switcher 2019-05-10T09:37:33-07:00
Mana Button https://codepen.io/visualcookie/pen/xdgzpJ https://codepen.io/visualcookie/pen/xdgzpJ Dean

See the Code - See it Full Page - See Details

]]>
Mana Button 2020-05-20T04:56:12-07:00
3D Button with Feedback https://codepen.io/visualcookie/pen/ryXGbb https://codepen.io/visualcookie/pen/ryXGbb Dean

See the Code - See it Full Page - See Details

]]>
3D Button with Feedback 2017-04-10T08:56:48-07:00
B4S3 T3MPL4T3 https://codepen.io/visualcookie/pen/BpEdmX https://codepen.io/visualcookie/pen/BpEdmX Dean

See the Code - See it Full Page - See Details

]]>
B4S3 T3MPL4T3 2017-02-16T15:13:58-07:00
Email Input Field https://codepen.io/visualcookie/pen/ZpyaQZ https://codepen.io/visualcookie/pen/ZpyaQZ Dean

See the Code - See it Full Page - See Details

Inspired by Daniel Luca. https://dribbble.com/shots/2989456-Email-input-field

]]>
Email Input Field 2017-04-25T08:25:57-07:00
Button with Click/Touch Feedback https://codepen.io/visualcookie/pen/YyOMxX https://codepen.io/visualcookie/pen/YyOMxX Dean

See the Code - See it Full Page - See Details

]]>
Button with Click/Touch Feedback 2015-11-06T14:49:32-07:00
Flexbox - Sticky Footer https://codepen.io/visualcookie/pen/jbaowx https://codepen.io/visualcookie/pen/jbaowx Dean

See the Code - See it Full Page - See Details

]]>
Flexbox - Sticky Footer 2015-10-29T14:42:32-07:00
Glowing Button (CSS3) https://codepen.io/visualcookie/pen/mdKvNv https://codepen.io/visualcookie/pen/mdKvNv Dean

See the Code - See it Full Page - See Details

This button actually wants your attention. Be warned!

]]>
Glowing Button (CSS3) 2014-08-24T19:43:19-07:00
Skew Button https://codepen.io/visualcookie/pen/yLzoLg https://codepen.io/visualcookie/pen/yLzoLg Dean

See the Code - See it Full Page - See Details

As minimal as I am. A skewisch ghost button.

]]>
Skew Button 2017-04-25T08:26:38-07:00
CSS3 Spinner https://codepen.io/visualcookie/pen/vYgYLN https://codepen.io/visualcookie/pen/vYgYLN Dean

See the Code - See it Full Page - See Details

I'm stuck. I only do spinners. Why? I have no idea. Help me!

]]>
CSS3 Spinner 2014-05-15T18:42:36-07:00