Pens from Lee Porter https://codepen.io/elevaunt/ en nospam@codepen.io Copyright 2024 2022-10-31T18:20:19-07:00 use focus-within https://codepen.io/elevaunt/pen/QWxbBpo https://codepen.io/elevaunt/pen/QWxbBpo Lee Porter

See the Code - See it Full Page - See Details

]]>
use focus-within 2022-10-31T18:20:19-07:00
Coin Flip Application https://codepen.io/elevaunt/pen/OgMLNK https://codepen.io/elevaunt/pen/OgMLNK Lee Porter

See the Code - See it Full Page - See Details

My first attempt at creating a PhoneGap application.

]]>
Coin Flip Application 2017-06-08T19:23:15-07:00
Coin Flip Application https://codepen.io/elevaunt/pen/eROGWw https://codepen.io/elevaunt/pen/eROGWw Lee Porter

See the Code - See it Full Page - See Details

My first attempt at creating a PhoneGap application.

]]>
Coin Flip Application 2017-06-01T19:35:52-07:00
Hearthstone particle effect logo https://codepen.io/elevaunt/pen/MogEmR https://codepen.io/elevaunt/pen/MogEmR Lee Porter

See the Code - See it Full Page - See Details

]]>
Hearthstone particle effect logo 2017-06-01T19:35:46-07:00
Parallax Landscape CSS only https://codepen.io/elevaunt/pen/WpwRed https://codepen.io/elevaunt/pen/WpwRed Lee Porter

See the Code - See it Full Page - See Details

See the blog post http://thewaterbear.com/pure-css-landscape-parallax/ Creator of this technique http://keithclark.co.uk/articles/pure-css-parallax-websites/

]]>
Parallax Landscape CSS only 2017-03-02T20:49:42-07:00
Pure CSS Parallax Scrolling https://codepen.io/elevaunt/pen/bqpwZN https://codepen.io/elevaunt/pen/bqpwZN Lee Porter

See the Code - See it Full Page - See Details

A prototype parallax scrolling technique that uses CSS 3D transforms. No JavaScript! An article about this technique is available here: http://keithclark.co.uk/articles/pure-css-parallax-websites/ A newer version can be found here: http://codepen.io/keithclark/pen/vNqxQJ

]]>
Pure CSS Parallax Scrolling 2017-03-02T19:53:06-07:00
Multi-layered Parallax Illustration https://codepen.io/elevaunt/pen/KaoMNL https://codepen.io/elevaunt/pen/KaoMNL Lee Porter

See the Code - See it Full Page - See Details

Tutorial: https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27

]]>
Multi-layered Parallax Illustration 2017-02-14T16:49:04-07:00
Toggle switch from checkbox https://codepen.io/elevaunt/pen/PPjKOJ https://codepen.io/elevaunt/pen/PPjKOJ Lee Porter

See the Code - See it Full Page - See Details

Creates a toggle switch effect based off Bootstrap's [single toggle] (http://getbootstrap.com/javascript/#buttons-single-toggle)

]]>
Toggle switch from checkbox 2015-10-08T21:19:03-07:00
Animated Check Mark & Cross https://codepen.io/elevaunt/pen/JYRBzJ https://codepen.io/elevaunt/pen/JYRBzJ Lee Porter

See the Code - See it Full Page - See Details

Animated SVG checkmark and cross for success and fail messages - with IE9 fallback. Forked from [Ashley](http://codepen.io/ashleygalante/)'s Pen [Animated Check Mark](http://codepen.io/ashleygalante/pen/nwoKh/).

]]>
Animated Check Mark & Cross 2015-09-24T17:14:17-07:00
Animated Check Mark & Cross https://codepen.io/elevaunt/pen/VvKdVa https://codepen.io/elevaunt/pen/VvKdVa Lee Porter

See the Code - See it Full Page - See Details

Animated SVG checkmark and cross for success and fail messages. Forked from [Ashley](http://codepen.io/ashleygalante/)'s Pen [Animated Check Mark](http://codepen.io/ashleygalante/pen/nwoKh/).

]]>
Animated Check Mark & Cross 2015-09-24T17:06:17-07:00