Get Attention Animations

11.09.2017

Sometimes you want to draw attention to an element on your page. Some of these are subtle. Some of them are not.

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

View Code

Get Attention Animations

Css Accordion Menu

9.09.2017

Pure CSS accordion menu using HTML input type="radio".

Made with: HTML,CSS

View Code

Css Accordion Menu

Rgb Barcode Font

9.09.2017

Animated barcode RGB text. Used 'Libre Barcode 39 Text' font.

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

View Code

Rgb Barcode Font

Hamburger Button

7.09.2017

Sexy hamburger button.

Made with: HTML

View Code

Hamburger Button

Off-Screen Nav With :Focus-Within

7.09.2017

Adding yet another pure CSS technique to the list of off-screen navigation by "hacking" the :focus-within pseudo-class. Have a look at the code to see how it works.

Made with: HTML,CSS

View Code

Off-Screen Nav With :Focus-Within

Background Patterns

7.09.2017

Grid, flex, and background patterns.

Made with: HTML

View Code

Background Patterns

Sidebar Indicators

7.09.2017

Sidebar menu with indicators.

Made with: HTML

View Code

Sidebar Indicators

Bootstrap Login Page

6.09.2017

Bootstrap responsive login page.

Made with: HTML,CSS,JS

View Code

Bootstrap Login Page

Simple Css Arrow

6.09.2017

Simple pure CSS arrow button.

Made with: HTML

View Code

Simple Css Arrow

Html, Css And Js Letter Animation

6.09.2017

Animating letters with CSS.

Made with: HTML,CSS,JavaScript

View Code

Html, Css And Js Letter Animation

Css Menu Concept (Clip-Path)

5.09.2017

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

View Code

Css Menu Concept (Clip-Path)

Css Horizontal Menu

5.09.2017

Pure CSS horizontal menu concept with clip-path property.

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

View Code

Css Horizontal Menu

Hover Animation

5.09.2017

One div hover animation.

Made with: HTML

View Code

Hover Animation

Grid Experiment No. 3

4.09.2017

Recreation of a print layout from The Intelligent Lifestyle Magazine book using CSS Grid.

Made with: HTML,CSS

View Code

Grid Experiment No. 3

Runner Game

4.09.2017

Simple 3D endless runner game using three.js

Made with: HTML,JavaScript

View Code

Runner Game

Spread Cards

4.09.2017

Made with: HTML,CSS (Less),JS

View Code

Spread Cards

Sexy Animated Rainbow Waves Header

4.09.2017

Just a little front-end UI experiment.

Made with: HTML

View Code

Sexy Animated Rainbow Waves Header

Grid Experiment No. 3

4.09.2017

Recreation of a print layout from "The Intelligent Lifestyle Magazine" book using CSS grid.

Made with: HTML

View Code

Grid Experiment No. 3

Grid Experiment No. 1

3.09.2017

Recreation of a print layout from The Intelligent Lifestyle Magazine book using CSS Grid.

Made with: HTML,CSS

View Code

Grid Experiment No. 1