Pens from Valerie https://codepen.io/AuntieVal/ en nospam@codepen.io Copyright 2024 2016-10-06T17:12:39-07:00 GSAP eases https://codepen.io/AuntieVal/pen/XjZmXe https://codepen.io/AuntieVal/pen/XjZmXe Valerie

See the Code - See it Full Page - See Details

GSAP demo using various eases on mouse followers.

]]>
GSAP eases 2016-10-06T17:12:39-07:00
Sizzeling Hot Links https://codepen.io/AuntieVal/pen/qaxBKg https://codepen.io/AuntieVal/pen/qaxBKg Valerie

See the Code - See it Full Page - See Details

Nifty lined paper with plump and juicy links.

]]>
Sizzeling Hot Links 2016-10-06T15:03:07-07:00
Butterfly Eyes with GSAP https://codepen.io/AuntieVal/pen/ZOoyew https://codepen.io/AuntieVal/pen/ZOoyew Valerie

See the Code - See it Full Page - See Details

May you dance in the slipstream of a thousand butterfly sighs! Best viewed in full screen.

]]>
Butterfly Eyes with GSAP 2016-07-24T16:45:29-07:00
GSAP Staggering https://codepen.io/AuntieVal/pen/PzmwxV https://codepen.io/AuntieVal/pen/PzmwxV Valerie

See the Code - See it Full Page - See Details

Messing with "nth kids" and GSAP Stagger

]]>
GSAP Staggering 2016-06-30T02:57:45-07:00
Mike's Icosahedron https://codepen.io/AuntieVal/pen/XmrgMr https://codepen.io/AuntieVal/pen/XmrgMr Valerie

See the Code - See it Full Page - See Details

Messing with Mike's Icosahedron.

]]>
Mike's Icosahedron 2015-08-27T18:11:38-07:00
Auntie Val's Aquatic Ensemble https://codepen.io/AuntieVal/pen/NqQGvo https://codepen.io/AuntieVal/pen/NqQGvo Valerie

See the Code - See it Full Page - See Details

for the #nightlySeaCreaturesWeekend I put together this animation using characters I designed from a game I have in development. It is mostly just sprite sheet animations cradled in CSS3 animations. I slapped in a Jplayer with my customized skin. The tutes are over in the js section. I needed some help from Jessica Jone's "Beer Bubbles" pen, to figure out how to animate items vertically. Thanks Jessica, Chris, and Adam! Enjoy, but don't jump in too deep some of these creatures are quite dangerous!

]]>
Auntie Val's Aquatic Ensemble 2015-08-23T20:29:31-07:00
D3 js Particles and Parallax https://codepen.io/AuntieVal/pen/ZGdqZd https://codepen.io/AuntieVal/pen/ZGdqZd Valerie

See the Code - See it Full Page - See Details

Best viewed in fullscreen. This pen uses Mike Bostock's OMG particle demo, with a parallax background.

]]>
D3 js Particles and Parallax 2015-08-21T18:51:50-07:00
Peek a Boo Pink Pood https://codepen.io/AuntieVal/pen/aOrmGM https://codepen.io/AuntieVal/pen/aOrmGM Valerie

See the Code - See it Full Page - See Details

A little entry for the "Rainbow Cloud Weekend" It still needs a lot of work, but I wanted to get it in before the weekend is over.

]]>
Peek a Boo Pink Pood 2015-08-17T07:41:07-07:00
Pink Invasion https://codepen.io/AuntieVal/pen/yNrmjE https://codepen.io/AuntieVal/pen/yNrmjE Valerie

See the Code - See it Full Page - See Details

I made this pen using SVG patterns and animated gradients. The borders have gradients and are animated as well. They are here to squash the locust army. Only works in Firefox

]]>
Pink Invasion 2015-08-22T11:26:36-07:00
Come Jam https://codepen.io/AuntieVal/pen/XbObxz https://codepen.io/AuntieVal/pen/XbObxz Valerie

See the Code - See it Full Page - See Details

A pen born out of a "Coderops" sample over here... http://tympanus.net/Tutorials/AnimatedTextFills/index17.html, and svg samples from over here... http://srufaculty.sru.edu/david.dailey/ ENJOY!

]]>
Come Jam 2015-08-04T17:13:11-07:00