Transform: Translate

Made with: HTML,CSS

View Code

Carousel With Progress Bar

Made with: HTML,CSS (SCSS),JS

View Code

Toggle Switch Checkbox

Made with: HTML,CSS (SCSS)

View Code

Upload Buttons

Some upload animation buttons.

Made with: HTML,CSS (SCSS),JS

View Code

Multi Handle Slider

Made with: HTML (Pug),CSS (SCSS),JS (Babel)

View Code

Dynamic Focus

The focus takes width, height and border-radius into account.

Made with: HTML,CSS (SCSS),JS

View Code

Overlapping Sections

Overlapping section with position sticky.

Made with: HTML,CSS

View Code

Svg Motion Path

Made with: HTML,CSS

View Code

Winter Gallery

Made with: HTML,CSS (SCSS)

View Code

Pure Css Glitchy Text Reveal

Made with: HTML,CSS (Stylus)

View Code

Alert Message

Animated Bootstrap alert messages.

Made with: HTML,CSS

View Code

Icons Sweet Alert

Icons sweet alert: alert, warning, info, success.

Made with: HTML,CSS

View Code

Pure Css Slider

Made with: HTML (Pug),CSS (Sass)

View Code

Checkbox Hack

No checkbox at all. But classic href='#..' plus :target combo.

Made with: HTML (Pug),CSS (Less)

View Code

Drop Down Menu

Smooth drop down menu.

Made with: HTML,CSS (SCSS)

View Code

Js Audio Player

Made with: HTML,CSS,JS

View Code

Checkboxes

Micro-interaction is a couple variations on a classic checkbox.

Made with: HTML,CSS (SCSS)

View Code

Obligatory Falling Snow

Try playing with the parameters on the gui to the right. The falling snow is just one effect of a countless number of possibilities.

Made with: HTML,CSS (SCSS),JS

View Code

A Css-Only Carousel Slider

This carousel is created with HTML and CSS only.

Made with: HTML,CSS

View Code

Video Button Animation

Only CSS video button animation.

Made with: HTML,CSS (SCSS)

View Code