Animated Back Glow
Psuedo element + background gradient animation + blur.
Made with: HTML,CSS (SCSS)
Animated Back Glow
Psuedo element & background gradient animation & blur.
Made with: HTML,CSS (SCSS)
Spotify Colorizer Effects Using Css Blend Modes
Use pure CSS to combine mix-blend-mode and filter to achieve Spotify-style "colorizer" effects.
Made with: HTML,CSS
Responsive 2048 Game
Responsive 2048 with mobile touch support in JavaScript.
Made with: HTML (Pug),CSS (SCSS),JS
Html And Css Snow Falling
Snows with HTML and random animations with SCSS.
Made with: HTML (Pug),CSS (SCSS)
Links With Marginalia Notes
A second attempt to create an accessible and more fully-responsive version of the link style used in https://thecorrespondent.com
Made with: HTML
Animated Wave Clipped By Text
Animated wave inside text with SVG. Image in the background and gradient filling the wave.
Made with: HTML,CSS
Slider Animation Effect
Leveraged CSS border-image & clip-path to create a slider animation effect.
Made with: HTML,CSS (SCSS),JS
Css Responsive Full Screen Duo Layout With Animated Overlay
Using Flexbox and viewport units, we creat a fluid two column layout for a fictional shoe brand, then boost it with CSS animations and transitions to make the interactions more interesting and fun.
Made with: HTML,CSS,JS
Bootstrap Checkbox Buttons
Buttons that change the state of their own hidden checkboxes.
Made with: HTML,CSS,JS