Button Click Page Animation

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

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

View Code

<Hr>

Atlas themed horizontal line (hr).

Made with: HTML,CSS

View Code

Simple Jquery Multi Accordion

Made with: HTML,CSS,JS

View Code

Product Card

Made with: HTML,CSS

View Code

Slideshow Parallax

Slideshow Parallax with TweenMax.js

Made with: HTML

View Code

Flexbox Flex-Grow Mast

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

Made with: HTML,CSS (SCSS)

View Code

The Mask

Made with:

View Code

Draggable Blob

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

Made with: HTML,CSS (SCSS),JavaScript

View Code

Css Sidebar Menu

HTML and CSS navbar and sidebar mega menu.

Made with: HTML,CSS (SCSS)

View Code

Badge With Dynamic Text

SVG badge emblem with dynamic curved text.

Made with: HTML,CSS,JavaScript

View Code

Social Buttons Splash Effect

Animating SVGs with Greensock and jQuery.

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

View Code

Bootstrap Select Box

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

Made with: HTML,CSS,JS

View Code

Back To The Future Pixel Art

Made with: HTML,CSS

View Code

Cxlt Vue2 Toastr

Made with:

View Code

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

Just playing around with background-clip: text.

Made with: HTML,CSS

View Code

Han Solo And Chewbacca Pixel Art

Made with: HTML,CSS

View Code

Bootstrap Table Collapse

Made with: HTML,CSS,JS

View Code

Calendar

Simple calendar cards.

Made with: HTML

View Code

Card Stack Tutorial Animation

Made with: HTML,CSS (SCSS),JS

View Code

Play Button

Made with: HTML,CSS

View Code