Overlay Navigation Animation

6.12.2015

Experimenting with a full screen menu.

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

View Code

Overlay Navigation Animation

Credit Card (Css+Svg)

6.12.2015

This credit card is made with SVG and CSS.

Made with: HTML,CSS

View Code

Credit Card (Css+Svg)

Pure Css Color Tabs

5.12.2015

No label pure CSS color tabs.

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

View Code

Pure Css Color Tabs

3 Arrows Animation

4.12.2015

3 arrows animation with HTML, CSS and image.

Made with: HTML

View Code

3 Arrows Animation

Modal Contact Form

4.12.2015

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

View Code

Modal Contact Form

Minimal Material Design Form Input

3.12.2015

Super easy and fully scalable Material Design form input. Change one variable to change the size of everything.

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

View Code

Minimal Material Design Form Input

Bouncing Liquid Loader

3.12.2015

Made with: HTML,CSS (SCSS)

View Code

Bouncing Liquid Loader

Card 3D View Parallax

1.12.2015

Card 3D view parallax in jQuery.

Made with: HTML,CSS (SCSS),JS

View Code

Card 3D View Parallax

Overlay Ribbon

1.12.2015

Pure CSS3 overlay ribbon with slide in/slide out animation.

Made with: HTML,CSS,JavaScript

View Code

Overlay Ribbon

Responsive Triangle Background Images

1.12.2015

Responsive triangle background images using clip-path.

Made with: HTML,CSS

View Code

Responsive Triangle Background Images

Pure Css Perfect Square Thumbnails Gallery

30.11.2015

A responsive image gallery using only CSS with a centered button on the hover and centered and cropped thumbnails.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Perfect Square Thumbnails Gallery

Futuristic Resolving/Typing Text Effect Feat. Glados

28.11.2015

Futuristic resolving/typing text effect usually found in game or movie cut scenes to reveal text on screen.

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

View Code

PlaceholderFuturistic Resolving/Typing Text Effect Feat. Glados

Css Outline Text Stroke

25.11.2015

Made with: HTML,CSS (SCSS)

View Code

Css Outline Text Stroke

Dynamic Sharp Corners

25.11.2015

Dynamic sharp corners in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Dynamic Sharp Corners

Html And Css Product Page

25.11.2015

Made with: HTML,CSS (SCSS)

View Code

Html And Css Product Page

Light Progress Bar

24.11.2015

HTML and CSS animated light progress bar.

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

View Code

Light Progress Bar

Rotating Hexagon Loader

24.11.2015

Clean rotating hexagon loader in HTML and CSS.

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

View Code

Rotating Hexagon Loader

Information Card Slider

23.11.2015

Material Design information card slider with jQuery.

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

View Code

Information Card Slider

Pixel Chibi Totoro

23.11.2015

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

View Code

Pixel Chibi Totoro

Responsive Contact Form

23.11.2015

Made with: HTML,CSS,JS

View Code

Responsive Contact Form