Vertical Accordion Menu

30.01.2018

CSS only vertical accordion menu.

Made with: HTML,CSS

View Code

Vertical Accordion Menu

3D Perspective Image

29.01.2018

3D perspective mouse hover image.

Made with: HTML,CSS

View Code

3D Perspective Image

Hamburger Icons Animations

29.01.2018

CSS hamburger icons with great hover states and animations.

Made with: HTML

View Code

Hamburger Icons Animations

Pure Css Game: Stacker

29.01.2018

Made with: HTML (Slim),CSS (SCSS)

View Code

Pure Css Game: Stacker

Responsive Timeline V3

28.01.2018

A timeline on desktop that switches to clickable circles on mobile. Content changes as you click the circles.

Made with: HTML

View Code

Responsive Timeline V3

Css Popup

28.01.2018

Pure CSS modal window.

Made with: HTML

View Code

Css Popup

Isometric Card Grid

27.01.2018

A remake of an older demo, which is a Codrops-inspired scrollable grid component. Made withh CSS grid to organize the cards, a vanilla CSS variable to control the scrolling, and much less JavaScript. Due to use of some modern CSS techniques, this demo won’t work properly in IE.

Made with: HTML (Pug),CSS,JavaScript

View Code

Isometric Card Grid

Darknet 404 Page Concept

27.01.2018

Responsive 404 page concept.

Made with: HTML,CSS,JavaScript

View Code

Darknet 404 Page Concept

Visualizing Background-Clip

26.01.2018

This example shows how the CSS background-clip property can be used to define how an element's background is applied within the element's box.

Made with: HTML,CSS

View Code

Visualizing Background-Clip

Toggle Button With Ripple

26.01.2018

Toggle button with ripple effect in HTML, CSS and JS.

Made with: HTML,CSS (SCSS),JavaScript (Babel)

View Code

Toggle Button With Ripple

Badge Animation Svg

25.01.2018

SVG badge with CSS animation.

Made with: HTML,CSS

View Code

Badge Animation Svg

Pure Css Flipping Button

25.01.2018

This is a flatt button, which has a 3-dimensional flipping effect on hover.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Flipping Button

Pure Css Flipping Button

25.01.2018

This is a flatt button, which has a 3-dimensional flipping effect on hover.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Flipping Button

Two Triangles Background

25.01.2018

Made with: HTML,CSS

View Code

Two Triangles Background

Animated Submit Buttons

24.01.2018

Submit buttons with success state animation and error state animation.

Made with: HTML,CSS,JavaScript

View Code

Animated Submit Buttons

Slider Transition

24.01.2018

Nice transition effect for fullscreen slider.

Made with: HTML/Pug

View Code

Slider Transition

Form Input Design

24.01.2018

Form input designs with hover and focus.

Made with: HTML

View Code

Form Input Design

Css Timeline

24.01.2018

CSS timelines with "Saira" and "Chivo" fonts.

Made with: HTML,CSS (Less)

View Code

Css Timeline

Css Vertical Timeline

24.01.2018

Vertical timeline going from left to right. Fully responsive. Using Bootstrap.

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

View Code

Css Vertical Timeline

Responsive Pagination

23.01.2018

Simple responsive pagination.

Made with: HTML

View Code

Responsive Pagination