Pens from clare o'neill https://codepen.io/clarewhatever/ en nospam@codepen.io Copyright 2024 2022-09-13T21:38:13-07:00 React playground https://codepen.io/clarewhatever/pen/vYjyOPm https://codepen.io/clarewhatever/pen/vYjyOPm clare o'neill

See the Code - See it Full Page - See Details

]]>
React playground 2022-09-13T21:38:13-07:00
equal height columns https://codepen.io/clarewhatever/pen/MWrRoGZ https://codepen.io/clarewhatever/pen/MWrRoGZ clare o'neill

See the Code - See it Full Page - See Details

]]>
equal height columns 2022-04-22T18:49:10-07:00
Color Embraced https://codepen.io/clarewhatever/pen/YzQXGzd https://codepen.io/clarewhatever/pen/YzQXGzd clare o'neill

See the Code - See it Full Page - See Details

canvas animated hue background.

]]>
Color Embraced 2021-08-26T14:51:22-07:00
WebGL Folding Gradient Effect https://codepen.io/clarewhatever/pen/OJgVXOd https://codepen.io/clarewhatever/pen/OJgVXOd clare o'neill

See the Code - See it Full Page - See Details

]]>
WebGL Folding Gradient Effect 2021-08-26T15:08:56-07:00
gradient animation - 2 https://codepen.io/clarewhatever/pen/VwWYVgE https://codepen.io/clarewhatever/pen/VwWYVgE clare o'neill

See the Code - See it Full Page - See Details

]]>
gradient animation - 2 2021-08-26T00:07:33-07:00
Psychedelic waves https://codepen.io/clarewhatever/pen/zYzxrqL https://codepen.io/clarewhatever/pen/zYzxrqL clare o'neill

See the Code - See it Full Page - See Details

Exploring curl noise to make psychedelic backgrounds.

]]>
Psychedelic waves 2021-08-25T00:31:50-07:00
Nothing -- interactive gradient https://codepen.io/clarewhatever/pen/ExXaaJB https://codepen.io/clarewhatever/pen/ExXaaJB clare o'neill

See the Code - See it Full Page - See Details

Move your mouse/touch finger aboud, click or pressing on it to see what happens. Have fun~ Fork from http://glslsandbox.com/e#8143.0 #codevember

]]>
Nothing -- interactive gradient 2021-08-24T21:04:51-07:00
4 pixel gradient https://codepen.io/clarewhatever/pen/PojwwaW https://codepen.io/clarewhatever/pen/PojwwaW clare o'neill

See the Code - See it Full Page - See Details

Welcome to the _ c h i l l _ z o n e _ This visual hack comes from 2000's. It works by scaling up a 2x2 canvas to the full size of the window. The gradient is produced by anti-aliasing upscale. Interestingly, Safari & Firefox's gradients look perfectly smooth, but Chrome's gets pixelated.

]]>
4 pixel gradient 2021-08-24T21:38:24-07:00
A Pen by clare o'neill https://codepen.io/clarewhatever/pen/wvWLYXz https://codepen.io/clarewhatever/pen/wvWLYXz clare o'neill

See the Code - See it Full Page - See Details

]]>
A Pen by clare o'neill 2020-11-22T04:35:24-07:00
checkbox https://codepen.io/clarewhatever/pen/ExPMWyM https://codepen.io/clarewhatever/pen/ExPMWyM clare o'neill

See the Code - See it Full Page - See Details

]]>
checkbox 2020-07-23T22:19:11-07:00