6
Fireworks in the mind 🎆
source link: https://codepen.io/ShadowShahriar/pen/QWMmwVW
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
HTML (Pug)
0 unsaved changes
xxxxxxxxxx
// try toggling 'Zoom', 'High Density' and 'Alternate Blur' together o(^▽^)o
// the animation is paused by default if 'prefers-reduced-motion' rule is present. toggle 'Rotate' to resume.
// I borrowed this mixin from
// https://codepen.io/thebabydino/pen/MWyMOwp
mixin nested(n)
div
if(--n)
+nested(n)
section(data-scene)
+nested(20)
// controls
section(data-controls)
input#toggle-zoom(type="checkbox", data-change="zoom")
label(for="toggle-zoom") Zoom
input#toggle-dashed(type="checkbox", data-change="dashed")
label(for="toggle-dashed") Dashed
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK