Pens from Pål Smitt-Amundsen https://codepen.io/gadgetgnome/ en nospam@codepen.io Copyright 2024 2022-08-28T20:06:39-07:00 A Pen by Pål Smitt-Amundsen https://codepen.io/gadgetgnome/pen/GRxbGLd https://codepen.io/gadgetgnome/pen/GRxbGLd Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

]]>
A Pen by Pål Smitt-Amundsen 2022-08-28T20:06:39-07:00
CSS Filter - Hue-Rotate https://codepen.io/gadgetgnome/pen/ZEpVQwp https://codepen.io/gadgetgnome/pen/ZEpVQwp Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

Interactive example of the hue-rotate CSS filter.

]]>
CSS Filter - Hue-Rotate 2021-01-15T14:37:39-07:00
A Pen by Pål Smitt-Amundsen https://codepen.io/gadgetgnome/pen/OJXymvM https://codepen.io/gadgetgnome/pen/OJXymvM Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

]]>
A Pen by Pål Smitt-Amundsen 2020-10-13T11:59:14-07:00
Preview a photo upload before submitting https://codepen.io/gadgetgnome/pen/EJjWRv https://codepen.io/gadgetgnome/pen/EJjWRv Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

Shows a small version of the image that you upload in a form, before actually submitting it. Updates the photo when you upload a new one before submitting the form.

]]>
Preview a photo upload before submitting 2019-04-02T10:43:08-07:00
Device Motion Test https://codepen.io/gadgetgnome/pen/GPXzze https://codepen.io/gadgetgnome/pen/GPXzze Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

]]>
Device Motion Test 2019-01-10T14:54:31-07:00
Mic Visualizer Part 1 https://codepen.io/gadgetgnome/pen/XoPYQa https://codepen.io/gadgetgnome/pen/XoPYQa Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

]]>
Mic Visualizer Part 1 2019-01-10T10:06:07-07:00
THE CONFETTI ANIMATION https://codepen.io/gadgetgnome/pen/aqKEgV https://codepen.io/gadgetgnome/pen/aqKEgV Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

Smooth, sleek, responsive and retina ready confetti animation effect. There are two types of confetti, the traditional pieces of ‘paper’ and a ribbon type that wiggles its way down the screen. The ribbon confetti uses a physics simulation for the motion while the paper confetti is animated using sine functions.

]]>
THE CONFETTI ANIMATION 2018-02-22T11:36:07-07:00
2d illustrations in 3D https://codepen.io/gadgetgnome/pen/BmNVyz https://codepen.io/gadgetgnome/pen/BmNVyz Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

Prototype. Using 2D illustrations in a 3d environment. Will it work? Go from top to bottom with your mouse.

]]>
2d illustrations in 3D 2018-01-08T19:57:35-07:00
Tween ClassName and Remove ClassName https://codepen.io/gadgetgnome/pen/oGVWPv https://codepen.io/gadgetgnome/pen/oGVWPv Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

http://forums.greensock.com/topic/7305-tweening-css-classes/

]]>
Tween ClassName and Remove ClassName 2017-10-20T10:44:17-07:00
2x2 pixel graident test https://codepen.io/gadgetgnome/pen/mBbPyJ https://codepen.io/gadgetgnome/pen/mBbPyJ Pål Smitt-Amundsen

See the Code - See it Full Page - See Details

To create a 2 dimensional gradient, test using a very small bitmap and upscale it.

]]>
2x2 pixel graident test 2017-09-11T13:38:02-07:00