Animated Particle Background

21.12.2017

An animated particle background in pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Animated Particle Background

Material Card Login Form

21.12.2017

Made with: HTML,CSS,JS

View Code

Material Card Login Form

Flickering Neon Sign Effect Using Css Text & Box Shadow

21.12.2017

This pen shows how the CSS text-shadow and box-shadow properties can be animated to create a flickering neon sign effect. Neon text and border color can be individually changed by updating their respective CSS variables.

Made with: HTML,CSS

View Code

Flickering Neon Sign Effect Using Css Text & Box Shadow

Splitting.Js: Css Vars For Split Words & Chars

21.12.2017

These animations/transitions are all done with CSS after Splitting adds helper spans & CSS Variables.

Made with: HTML,CSS (SCSS),JS

View Code

Splitting.Js: Css Vars For Split Words & Chars

Flipping Menu Toggle

20.12.2017

What the flip is this? Not ideal for production but here's a fun menu toggle experiment with CSS animations.

Made with: HTML/Pug

View Code

Flipping Menu Toggle

Css3 Tree View Sticky

20.12.2017

Made with: HTML,CSS (SCSS)

View Code

Css3 Tree View Sticky

Css Grid Calendar

19.12.2017

HTML and CSS grid calendar.

Made with: HTML

View Code

Css Grid Calendar

Mail Ribbon

19.12.2017

Mail ribbon with CSS gradient.

Made with: HTML,CSS (Sass)

View Code

Mail Ribbon

Continuous Numbering

19.12.2017

Continuous numbering of separate ordered lists with css counters.

Made with: HTML,CSS

View Code

Continuous Numbering

Card Grid

18.12.2017

Pure CSS card grid.

Made with: HTML,CSS (SCSS)

View Code

Card Grid

Menu Hover Line Effect

18.12.2017

Nice and simple horizontal menu with hover line effect in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Menu Hover Line Effect

Card Grid

18.12.2017

Pure CSS card grid.

Made with: HTML,CSS (SCSS)

View Code

Card Grid

3D Product Cards

18.12.2017

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

View Code

3D Product Cards

Untitled Slider

16.12.2017

A small experiment which quickly turned into something more.

Made with: HTML

View Code

Untitled Slider

Coral Blooms

15.12.2017

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

View Code

Coral Blooms

Responsive Custom Select Box

15.12.2017

Responsive custom select box with custom scroll.

Made with: HTML

View Code

Responsive Custom Select Box

Card Transition

14.12.2017

Hover effect for card with CSS transition.

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

View Code

Card Transition

Color Palette

14.12.2017

Pure CSS color palette.

Made with: HTML

View Code

Color Palette

Accordions Pls

13.12.2017

Vertical accordion with HTML, CSS and JS (Vue.js).

Made with: HTML/Pug

View Code

Accordions Pls

Think - Create Cycle

13.12.2017

The think, create, think, create, etc cycle.

Made with: HTML,CSS

View Code

Think - Create Cycle