Button Click Page Animation

20.04.2017

Button transition that could be used with barba.js to animate a page transition.

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

View Code

Button Click Page Animation

<Hr>

20.04.2017

Atlas themed horizontal line (hr).

Made with: HTML,CSS

View Code

<Hr>

Simple Jquery Multi Accordion

20.04.2017

Made with: HTML,CSS,JS

View Code

PlaceholderSimple Jquery Multi Accordion

Product Card

20.04.2017

Made with: HTML,CSS

View Code

Product Card

Slideshow Parallax

19.04.2017

Slideshow Parallax with TweenMax.js

Made with: HTML

View Code

Slideshow Parallax

Flexbox Flex-Grow Mast

19.04.2017

Flexbox was used for the four column layout with a hover transition on flex-grow.

Made with: HTML,CSS (SCSS)

View Code

Flexbox Flex-Grow Mast

The Mask

18.04.2017

Made with:

View Code

The Mask

Draggable Blob

17.04.2017

Experimented with Sass collections and how they can be used for dynamic animations.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Draggable Blob

Css Sidebar Menu

17.04.2017

HTML and CSS navbar and sidebar mega menu.

Made with: HTML,CSS (SCSS)

View Code

Css Sidebar Menu

Badge With Dynamic Text

14.04.2017

SVG badge emblem with dynamic curved text.

Made with: HTML,CSS,JavaScript

View Code

Badge With Dynamic Text

Social Buttons Splash Effect

13.04.2017

Animating SVGs with Greensock and jQuery.

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

View Code

Social Buttons Splash Effect

Bootstrap Select Box

13.04.2017

Fix the select box by using a Bootstrap dropdown with radio buttons.

Made with: HTML,CSS,JS

View Code

Bootstrap Select Box

Back To The Future Pixel Art

13.04.2017

Made with: HTML,CSS

View Code

Back To The Future Pixel Art

Cxlt Vue2 Toastr

12.04.2017

Made with:

View Code

PlaceholderCxlt Vue2 Toastr

Playing With Background-Clip: Text And Varying Text-Fill-Color Values

12.04.2017

Just playing around with background-clip: text.

Made with: HTML,CSS

View Code

Playing With Background-Clip: Text And Varying Text-Fill-Color Values

Han Solo And Chewbacca Pixel Art

12.04.2017

Made with: HTML,CSS

View Code

Han Solo And Chewbacca Pixel Art

Bootstrap Table Collapse

12.04.2017

Made with: HTML,CSS,JS

View Code

Bootstrap Table Collapse

Calendar

11.04.2017

Simple calendar cards.

Made with: HTML

View Code

Calendar

Card Stack Tutorial Animation

11.04.2017

Made with: HTML,CSS (SCSS),JS

View Code

Card Stack Tutorial Animation

Play Button

11.04.2017

Made with: HTML,CSS

View Code

Play Button