~/talk

CSS Christmath

Talkat dotCSS 2017 · on Thursday, 2017-11-30· [creative-coding, css]
slides:none on file

Claims a working Christmas bauble built with only HTML and CSS plus a SASS preprocessor, using 400 spans as particles, spherical coordinates and parametric equations to compute x y z, and the SASS random function to distribute theta and phi. It applies a counter-rotating pseudo-element so particles stay facing the screen, sets a 25s rotation, adds a secondary shine animation, and demonstrates the effect running successfully in the demo.

AI-written summary · about

  1. 0:00Start
  2. 0:40define the depth of our animation
  3. 1:10place the particles along the ball
  4. 1:41calculate the 3d coordinates of any point
  5. 3:17add a second animation on the pseudo element
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.