Form Ui Animation

26.02.2018

Form transitions UI based on Dominik Markušić dribble.

Made with: HTML/Pug

View Code

Form Ui Animation

Folding Modal

26.02.2018

Folding modal window with HTML, CSS and JS.

Made with: HTML

View Code

Folding Modal

Hover Effect Using Css Variables

26.02.2018

Made with: HTML,CSS (SCSS),JS

View Code

Hover Effect Using Css Variables

Background Effect

25.02.2018

HTML and CSS background effect.

Made with: HTML,CSS (Sass)

View Code

Background Effect

Pure Css Animated Background

25.02.2018

Pure CSS animated background.

Made with: HTML,CSS

View Code

Pure Css Animated Background

Blog-Card

25.02.2018

Made with: HTML,CSS

View Code

Blog-Card

Flexbox Sticky Footer

24.02.2018

A simple example of using flexbox to create a sticky footer page layout.

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

View Code

Flexbox Sticky Footer

Donut Progress Bar

24.02.2018

Made with: HTML,CSS (Sass),JS

View Code

Donut Progress Bar

Card Skeleton Loader

23.02.2018

Made with: HTML,CSS

View Code

Card Skeleton Loader

Mobile Planet Gallery

23.02.2018

Mobile planet gallery with anime.js.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Mobile Planet Gallery

Pure Css Iphone X

22.02.2018

Made with: HTML,CSS

View Code

Pure Css Iphone X

Link Arrow

22.02.2018

Link hover arrow idea.

Made with: HTML

View Code

Link Arrow

Login/Sign Up Form Animation

20.02.2018

Made with: HTML,CSS (SCSS),JavaScript

View Code

Login/Sign Up Form Animation

Memory Game

20.02.2018

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

View Code

Memory Game

Scroll And Morph

20.02.2018

Uses the basicScroll parallax scroll library to morph text on scroll. Morphing is accomplished through CSS variables & CSS clip-path.

Made with: HTML,CSS,JS

View Code

Scroll And Morph

Border Inset

19.02.2018

Trying to achieve an inset border effect around a block of text.

Made with: HTML,CSS (SCSS)

View Code

Border Inset

Music Player

19.02.2018

UI music player with little JavaScript.

Made with: HTML,CSS (SCSS),JS

View Code

Music Player

Movie Card

19.02.2018

Responsive movie card - light version. Dark version: https://codepen.io/simoberny/pen/qxxOqj

Made with: HTML,CSS (SCSS)

View Code

Movie Card

Simple Tabs

19.02.2018

Made with: HTML,CSS (Sass),JS (Babel)

View Code

Simple Tabs

Scroll Timeline

18.02.2018

Vertical scroll timeline.

Made with: HTML/Pug

View Code

Scroll Timeline