Pens from Thryn https://codepen.io/Thryn/ en nospam@codepen.io Copyright 2024 2013-05-09T13:48:10-07:00 A Pen by Thryn https://codepen.io/Thryn/pen/kvgGdd https://codepen.io/Thryn/pen/kvgGdd Thryn

See the Code - See it Full Page - See Details

]]>
A Pen by Thryn 2013-05-09T13:48:10-07:00
Linus Face Puzzle https://codepen.io/Thryn/pen/DZpyjj https://codepen.io/Thryn/pen/DZpyjj Thryn

See the Code - See it Full Page - See Details

A fun jquery ui experiment to practice

]]>
Linus Face Puzzle 2013-04-09T13:15:56-07:00
Wavy loading https://codepen.io/Thryn/pen/DrxOra https://codepen.io/Thryn/pen/DrxOra Thryn

See the Code - See it Full Page - See Details

For the pattern rodeo 2: a loading graphic using images and css keyframe animation to make it look like the letters are filing up with water. Perhaps a bit heavy and impractical, but fun and experimental nonetheless.

]]>
Wavy loading 2013-02-07T15:08:27-07:00
Flying Angel Cat https://codepen.io/Thryn/pen/AeNMQd https://codepen.io/Thryn/pen/AeNMQd Thryn

See the Code - See it Full Page - See Details

Experimental use of CSS3 keyframes to create animation using background position.

]]>
Flying Angel Cat 2012-12-16T18:49:42-07:00
Animated heading test https://codepen.io/Thryn/pen/nbdoQM https://codepen.io/Thryn/pen/nbdoQM Thryn

See the Code - See it Full Page - See Details

Subtle animation on a heading using css3 keyframe animation and css3 transitions

]]>
Animated heading test 2013-02-26T03:18:04-07:00
Sassy curved shadows https://codepen.io/Thryn/pen/noXxML https://codepen.io/Thryn/pen/noXxML Thryn

See the Code - See it Full Page - See Details

SCSS mixin for css curved shadows.

]]>
Sassy curved shadows 2012-11-28T14:05:22-07:00
Tooltip test https://codepen.io/Thryn/pen/kvYjGY https://codepen.io/Thryn/pen/kvYjGY Thryn

See the Code - See it Full Page - See Details

Testing z-index on stacked buttons with embedded CSS tooltips.

]]>
Tooltip test 2012-08-28T13:33:37-07:00