Transform: Translate

12.12.2019

Made with: HTML,CSS

View Code

Transform: Translate

Carousel With Progress Bar

12.12.2019

Made with: HTML,CSS (SCSS),JS

View Code

Carousel With Progress Bar

Toggle Switch Checkbox

12.12.2019

Made with: HTML,CSS (SCSS)

View Code

Toggle Switch Checkbox

Upload Buttons

12.12.2019

Some upload animation buttons.

Made with: HTML,CSS (SCSS),JS

View Code

Upload Buttons

Multi Handle Slider

11.12.2019

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

View Code

Multi Handle Slider

Dynamic Focus

11.12.2019

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

Made with: HTML,CSS (SCSS),JS

View Code

Dynamic Focus

Overlapping Sections

11.12.2019

Overlapping section with position sticky.

Made with: HTML,CSS

View Code

Overlapping Sections

Svg Motion Path

11.12.2019

Made with: HTML,CSS

View Code

Svg Motion Path

Winter Gallery

10.12.2019

Made with: HTML,CSS (SCSS)

View Code

Winter Gallery

Pure Css Glitchy Text Reveal

10.12.2019

Made with: HTML,CSS (Stylus)

View Code

Pure Css Glitchy Text Reveal

Alert Message

9.12.2019

Animated Bootstrap alert messages.

Made with: HTML,CSS

View Code

Alert Message

Icons Sweet Alert

9.12.2019

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

Made with: HTML,CSS

View Code

Icons Sweet Alert

Pure Css Slider

9.12.2019

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

View Code

Pure Css Slider

Checkbox Hack

9.12.2019

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

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

View Code

Checkbox Hack

Drop Down Menu

9.12.2019

Smooth drop down menu.

Made with: HTML,CSS (SCSS)

View Code

Drop Down Menu

Js Audio Player

9.12.2019

Made with: HTML,CSS,JS

View Code

Js Audio Player

Checkboxes

9.12.2019

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

Made with: HTML,CSS (SCSS)

View Code

Checkboxes

Obligatory Falling Snow

8.12.2019

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

Obligatory Falling Snow

A Css-Only Carousel Slider

8.12.2019

This carousel is created with HTML and CSS only.

Made with: HTML,CSS

View Code

A Css-Only Carousel Slider

Video Button Animation

8.12.2019

Only CSS video button animation.

Made with: HTML,CSS (SCSS)

View Code

Video Button Animation