Pens from Daniel https://codepen.io/danne32/ en nospam@codepen.io Copyright 2024 2023-07-16T20:51:05-07:00 Ambient ball animation https://codepen.io/danne32/pen/ZEmxpLb https://codepen.io/danne32/pen/ZEmxpLb Daniel

See the Code - See it Full Page - See Details

]]>
Ambient ball animation 2023-07-16T20:51:05-07:00
HTML Datalist test https://codepen.io/danne32/pen/BaPxrWz https://codepen.io/danne32/pen/BaPxrWz Daniel

See the Code - See it Full Page - See Details

]]>
HTML Datalist test 2023-03-13T09:05:54-07:00
CSS Lens flare https://codepen.io/danne32/pen/rNrxwZw https://codepen.io/danne32/pen/rNrxwZw Daniel

See the Code - See it Full Page - See Details

]]>
CSS Lens flare 2023-01-04T11:07:34-07:00
CPC: Overflow fix by trigonometry https://codepen.io/danne32/pen/GRdjQJN https://codepen.io/danne32/pen/GRdjQJN Daniel

See the Code - See it Full Page - See Details

]]>
CPC: Overflow fix by trigonometry 2022-09-19T06:51:02-07:00
CSS Wattam Mayor https://codepen.io/danne32/pen/OJZVZXZ https://codepen.io/danne32/pen/OJZVZXZ Daniel

See the Code - See it Full Page - See Details

Recreation of the Mayor from Wattam, in CSS. Reference: https://assets-prd.ignimgs.com/2019/12/13/mayor-1576273258012.png

]]>
CSS Wattam Mayor 2022-10-31T06:11:17-07:00
Iris shot - CSS recreation https://codepen.io/danne32/pen/ExQGGbB https://codepen.io/danne32/pen/ExQGGbB Daniel

See the Code - See it Full Page - See Details

The Iris shot is a transition invented for silent films in the beginning of cinema. They were created by slowly closing or opening the iris of the camera, bringing attention to something when starting or ending a scene. I'm using CSS clip-path to recreate the effect for the web.

]]>
Iris shot - CSS recreation 2022-06-20T07:21:36-07:00
Frame page with mix-blend-mode https://codepen.io/danne32/pen/vYdGKdG https://codepen.io/danne32/pen/vYdGKdG Daniel

See the Code - See it Full Page - See Details

]]>
Frame page with mix-blend-mode 2022-05-21T09:08:45-07:00
Dynamic text-shadow with custom props https://codepen.io/danne32/pen/KKvQrRr https://codepen.io/danne32/pen/KKvQrRr Daniel

See the Code - See it Full Page - See Details

Text-shadows, SASS-loop, javascript mouse-tracking and css-custom properties!

]]>
Dynamic text-shadow with custom props 2021-11-06T08:55:46-07:00
CSS Noise - The great beyond (Soul) https://codepen.io/danne32/pen/YzxGNPp https://codepen.io/danne32/pen/YzxGNPp Daniel

See the Code - See it Full Page - See Details

Experiments with noise pngs - a number of divs with noise are animated in sequence, creating a loop. Also used: CSS filter, and image mask. Attempt to reproduce The great beyond from Pixar movie Soul. https://www.youtube.com/watch?v=1gjrVACqo2w

]]>
CSS Noise - The great beyond (Soul) 2021-11-05T20:58:13-07:00
Fuzzy noise ball https://codepen.io/danne32/pen/PoKZVmO https://codepen.io/danne32/pen/PoKZVmO Daniel

See the Code - See it Full Page - See Details

]]>
Fuzzy noise ball 2021-10-17T08:24:26-07:00