264 gradient lines, rotated back and forth between 18deg and -18deg (around almost-at-the-end-of-one-side of each line)... resulting in some sort of tree and/or tassle:

https://codepen.io/danwilson/pen/LEPbdYY

All right... ended up making a second holiday tree this year on #codepen, feeling the neon right now for some reason...

https://codepen.io/danwilson/full/gOqVbaV

'tis the season for an excessive holiday animation, this year with more 3D transforms and a dash of `composite: add`:

https://codepen.io/danwilson/full/ExrrJYq

#codepen

A #divtober2023 entry for “fake”:

A spooky never-actually-made Texas Instruments device in the “speak and …” series

https://codepen.io/danwilson/full/QWBaRvp

(Type ‘spooky’ to see the not real Spooky Spell)

(And yes. I love single div art. And yes. October has been busy. So yes. This is a new addition to a preexisting demo and not a brand-new-from-scratch piece)

#divtober #singleDiv #codepen

As a follow up to my Texas Instruments Speak & Spell (as a Single Div: https://codepen.io/danwilson/pen/QWBaRvp)...

Starting on my favorite Texas Instruments device from the 80s...

New demo... walking through how to do cutouts inside an element with CSS Shapes (via clip paths) + CSS Trig functions:

#codepen: https://codepen.io/danwilson/full/oNPoXEo

Viewed several pieces by Carlos Cruz-Diez recently at the Museum of Fine Arts Houston. Lots of lenticular effects and visual fun.

Which means I had to take a pass recreating the approach with CSS and 3D transforms on #codepen

https://codepen.io/danwilson/full/ZEMjXEB

This single div #SpeakAndSpell:

- Uses speech synthesis to read each button label when pressed
- Accepts both pointer and keyboard events
- Has at least one easter egg... but it's not so hidden since I show what happens in the video here
- Taught me that making a stylized ampersand outline with background gradients is very satisfying

#CodePen link: https://codepen.io/danwilson/full/QWBaRvp

📢 New Single Div project... ft. an interactive Speak & Spell device:

✨ One Div & 2500+ lines of overly done (but fun!) CSS
➗ New CSS Trigonometry functions to create a clip path shape with curves to cut out the handle
 SpeechSynthesis and such (so: a warning, if you press buttons there is sound)

https://codepen.io/danwilson/full/QWBaRvp

(still... my favorite thing was making the dust inside the speaker box)

#1970s #1980s #ApparentlyAlso2020s #CodePen #SingleDiv #css #web