Css Gradient Rounded Borders
This example shows how CSS gradients can be applied to a rounded border.
Made with: HTML,CSS

Flipping Credit Card
Flipping credit card centered using frexbox and 3d transformation.
Made with: HTML,CSS

One Page Scroll
One page scroll. Not a single line of JavaScript!
Made with: HTML (Pug),CSS (SCSS)


Horizontal Cards - Bootstrap 4
Horizontal Bootstrap cards with carousel.
Made with: HTML,CSS,JS



Css / Svg Blobby Background
Playing with SVG filters and masks, CSS for animation.
Made with: HTML,CSS (SCSS)

Pac-Man Css Pagination
Pure CSS Pac-Man pagination with animation on hover.
Made with: HTML,CSS




"Draw In" Text Effect With Decovar
Creating a "draw in" text effect with Decovar variable fonts. This uses a special version of Decovar that has a couple of letters set up to "draw in". No JS, Canvas or SVG required, this demo uses HTML, CSS and variable fonts.
Made with: HTML,CSS (SCSS)

Css-Js Multi-Level Accordion
A multi-level CSS and JS (jQuery) accordion. This has the feature to pre-open a list group on initial page load, by simply adding the is-open class to the list item that has has-children class. HTML and CSS are written using the BEM syntax.
Made with: HTML,CSS (SCSS),JS



Sudoku With Material Design
Pure JS and CSS Sudoku with material design.
Made with: HTML,CSS,JS



Animated Gradient Button
Pure CSS call to action button with an animated background.
Made with: HTML (Pug),CSS (Stylus)
