Slap Toggle

6.01.2018

CSS slap toggle.

Made with: HTML

View Code

Slap Toggle

Background Scroll Effect

6.01.2018

Pure CSS background image scroll effect.

Made with: HTML,CSS (SCSS)

View Code

Background Scroll Effect

Hexagon

5.01.2018

Pure CSS hexagon.

Made with: HTML,CSS (SCSS)

View Code

Hexagon

Spinner Loader

5.01.2018

Resizable animated spinner with a blurred animation effect.

Made with: HTML,CSS (SCSS)

View Code

Spinner Loader

Book Flip Hover Effect

5.01.2018

3D flip hover effects, book of congratulations.

Made with: HTML,CSS

View Code

Book Flip Hover Effect

Hexagon Badges

4.01.2018

Hexagon badges with Font Awesome icons.

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

View Code

Hexagon Badges

Hexagon Badges

4.01.2018

Hexagon badges with Font Awesome icons.

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

View Code

Hexagon Badges

Custom Property Retro Buttons

3.01.2018

Playing around with CSS custom properties.

Made with: HTML/Slim

View Code

Custom Property Retro Buttons

Fancy Loader

2.01.2018

Pure CSS fancy loader.

Made with: HTML

View Code

Fancy Loader

Card Hover Interaction

1.01.2018

Dribbble shot conversion of Nancy Nguyen titled Article Card Hover Interaction.

Made with: HTML

View Code

Card Hover Interaction

Slideshow Vanilla Js

1.01.2018

Custom slideshow with staggered transitions. Built in vanilla JS.

Made with: HTML

View Code

Slideshow Vanilla Js

Bootstrap Menu + Submenu

29.12.2017

Made with: HTML,CSS,JS

View Code

Bootstrap Menu + Submenu

Download Button

27.12.2017

A playful springy download button with light jQuery and CSS animation.

Made with: HTML

View Code

Download Button

Arrow Animations

26.12.2017

Sliding arrow css animations.

Made with: HTML

View Code

Arrow Animations

Bootstrap 4 Beta Comment List

25.12.2017

Made with: HTML,CSS

View Code

Bootstrap 4 Beta Comment List

Gooey Text Background With Svg Filters

25.12.2017

Example of using a gooey SVG filter to create smooth edges around inline text with a background.

Made with: HTML

View Code

Gooey Text Background With Svg Filters

Bootstrap 4 Color Palette Generator. Including Color Variants

23.12.2017

Bootstrap 4 color palette generator. Generates color variants from Bootstrap $colors i.e: .text-indigo-600 .bg-indigo-600 .border-indigo-600.

Made with: HTML/Haml

View Code

Bootstrap 4 Color Palette Generator. Including Color Variants

Css Counter Grid

22.12.2017

Made with: HTML,CSS

View Code

Css Counter Grid

Sticky Progress

22.12.2017

Made with: HTML,CSS

View Code

Sticky Progress

Pure Css Tooltip

22.12.2017

Pure CSS tooltip with full shadow around.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Tooltip