This is an experiment with the checkbox. In version one this is a simple reveal animation upon check to show the animated blob.
Made with: HTML,CSS (SCSS)
Demo on explicit placement on a grid with blobs and viewport units.
Made with: HTML,CSS
Animated blobs text by using only CSS.
The blob characteristics are randomly generated on each load via random CSS variables passed inline through the markup. This means you'll get a different lamp on each load.
Made with: HTML (Pug),CSS (Stylus)
Blended photo & gradient blob animation. An animation using border-radius and unsplash image with SCSS, Pug.
Made with: HTML (Pug),CSS (SCSS)
it's just a button though.
CSS only morphing blob.
SVG not involved. Animating primarily border-radius, plus some opacity and basic transforms.
Pure CSS cards with blob effect.
Made with: HTML (Haml),CSS (SCSS)
Playing with SVG filters and masks, CSS for animation.
Experimented with Sass collections and how they can be used for dynamic animations.