Pens from Christie Taylor https://codepen.io/ceetaylor09/ en nospam@codepen.io Copyright 2024 2022-04-15T15:06:02-07:00 Button Activated SVG Animated Clipping Masks https://codepen.io/ceetaylor09/pen/reYQGE https://codepen.io/ceetaylor09/pen/reYQGE Christie Taylor

See the Code - See it Full Page - See Details

Originally I planned to use this for my website. However, I ran into some trouble with Firefox not wanting to animate my clipping paths, which made me switch to transitioning each website section to a fade in/out move. Yet, I still wanted to know how I could find alternatives and have Firefox and my website behave the way I intended. This prototype of the desktop design is the result.

]]>
Button Activated SVG Animated Clipping Masks 2016-04-09T16:19:51-07:00
Drag -N- Drop Riddle Game https://codepen.io/ceetaylor09/pen/ZQZVaJ https://codepen.io/ceetaylor09/pen/ZQZVaJ Christie Taylor

See the Code - See it Full Page - See Details

I wanted to see if I can create a fun little game as I learn more about jQuery UI's Drag and Drop and also to throw in some more animation, including the use of SVG clipping paths. Hope you enjoy! For best use move the code to the left or right of screen.

]]>
Drag -N- Drop Riddle Game 2020-12-18T03:28:13-07:00
My Animated Christmas Card https://codepen.io/ceetaylor09/pen/WrRXoq https://codepen.io/ceetaylor09/pen/WrRXoq Christie Taylor

See the Code - See it Full Page - See Details

Okay, it's a little late (for Dec. 2014), but I wanted to make something extra special and learn more about using svg clipping masks, filters and more advanced uses of Greensock. Merry Belated Christmas and Happy New Year! ** This was done in Jan 2015 .***

]]>
My Animated Christmas Card 2022-04-15T15:06:02-07:00
Batman Signal Animation https://codepen.io/ceetaylor09/pen/wMKqGN https://codepen.io/ceetaylor09/pen/wMKqGN Christie Taylor

See the Code - See it Full Page - See Details

]]>
Batman Signal Animation 2015-12-15T03:13:45-07:00
My Simple Media Query Mixin https://codepen.io/ceetaylor09/pen/QjJeog https://codepen.io/ceetaylor09/pen/QjJeog Christie Taylor

See the Code - See it Full Page - See Details

This is just a simple mixin I came up with that is flexible and not too verbose (I hope).

]]>
My Simple Media Query Mixin 2015-11-13T06:12:22-07:00