Lexicon Alert

6.01.2020

Made with: HTML,CSS

View Code

Lexicon Alert

Soft-Ui Button Pattern

6.01.2020

Multi button with Soft UI.

Made with: HTML,CSS

View Code

Soft-Ui Button Pattern

Flexbox Responsive Form

6.01.2020

Made with: HTML,CSS (PostCSS)

View Code

Flexbox Responsive Form

Connections Css Hover Fx

6.01.2020

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

View Code

Connections Css Hover Fx

Multi-Buttons

6.01.2020

This is a collection of buttons that are grouped together. They are still individual distinct buttons, but they are designed to be together for UX reasons.

Made with: HTML,CSS (SCSS)

View Code

Multi-Buttons

Multi-Button

6.01.2020

Made with: HTML,CSS

View Code

Multi-Button

Play Pause Button

6.01.2020

Play and pause button. Created with clip-path morphing and CSS transitions.

Made with: HTML,CSS

View Code

Play Pause Button

Multi-Buttons - Animals

6.01.2020

Made with: HTML,CSS (SCSS),JS

View Code

Multi-Buttons - Animals

Multi-Button Pill

6.01.2020

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

View Code

Multi-Button Pill

Connections Css Hover Fx

6.01.2020

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

View Code

Connections Css Hover Fx

Css Motion Path Spirograph

6.01.2020

Made with: HTML,CSS (SCSS),JS

View Code

Css Motion Path Spirograph

2020 Svg Animation

6.01.2020

David Khourshid and Stephen Shaw celebrate the new year with this fun 2020 animation using hand-drawn SVG paths while showing how to simplify stroke-dasharray/stroke-dashoffset animations with pathLength=1.

Made with: HTML,CSS (SCSS)

View Code

2020 Svg Animation

Multi Buttons

6.01.2020

Made with: HTML,CSS (SCSS)

View Code

Multi Buttons

Multi Button - Pillbox

6.01.2020

Neon multi buttons.

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

View Code

Multi Button - Pillbox

Css Multi Button

6.01.2020

Change the $main-color to see how it shifts.

Made with: HTML,CSS (SCSS)

View Code

Css Multi Button

Multibutton

6.01.2020

Made with: HTML,CSS (SCSS),JS

View Code

Multibutton

Piece Css Hover Fx

5.01.2020

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

View Code

Piece Css Hover Fx

Pure Css Loader

5.01.2020

1 element transparency tails.

Made with: HTML,CSS (SCSS),JS

View Code

Pure Css Loader

Css Hover Fx

5.01.2020

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

View Code

Css Hover Fx

Building A Horizontal Timeline With Css And Javascript

4.01.2020

"Today, I’ll cover the process of creating the associated horizontal timeline."

Made with: HTML

View Code

Building A Horizontal Timeline With Css And Javascript