403 Error Message

21.09.2016

Made with: HTML,CSS

View Code

403 Error Message

Style Dropdown Menu

21.09.2016

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

View Code

Style Dropdown Menu

Bootstrap Slider Full Screen

20.09.2016

Bootstrap slider full screen with animations.

Made with: HTML,CSS,JS

View Code

Bootstrap Slider Full Screen

Downloading Animation For Button

19.09.2016

A simple animation for a downloading button with HTML, SVG and CSS.

Made with: HTML,CSS,JavaScript

View Code

Downloading Animation For Button

Fancy Bootstrap Checkboxes

19.09.2016

Made with: HTML,CSS

View Code

Fancy Bootstrap Checkboxes

Motion Path Infinity

19.09.2016

Using an infinity motion path to animate a number. Uses the CSS Motion Path module, using the newer spec (offset-* instead of motion-*).

Made with: HTML,CSS (SCSS),JS

View Code

Motion Path Infinity

Button Ripple Effect

17.09.2016

Simple pulsating, ripple effect with box-shadow.

Made with: HTML,CSS (SCSS)

View Code

Button Ripple Effect

Share & Social Semicircles

16.09.2016

A small collection of social/share buttons that take the shape of a semicircle.

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

View Code

Share & Social Semicircles

Material Card

15.09.2016

Click on the orange circle to show up the diagrammatic overview.

Made with: HTML,CSS

View Code

Material Card

Bootstrap Cookie Directive

15.09.2016

Made with: HTML,CSS,JS

View Code

Bootstrap Cookie Directive

Pure Css Text Animation

10.09.2016

Text animation in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Text Animation

Pure Css Tabs With Indicator

8.09.2016

Made with: HTML,CSS (SCSS)

View Code

Pure Css Tabs With Indicator

Random Quote Machine With Bootstrap

6.09.2016

Made with: HTML,CSS,JS

View Code

Random Quote Machine With Bootstrap

Pure Css Shaded Cube Wheels

5.09.2016

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

View Code

Pure Css Shaded Cube Wheels

Parallax Background

4.09.2016

Pure CSS background parallax.

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

View Code

Parallax Background

Triangular Grid

1.09.2016

CSS-only triangular grid.

Made with: CSS (Stylus)

View Code

Triangular Grid

Flat Buttons Psuedo Striped Shadows

30.08.2016

Flat buttons are all the rage. Stripes are in season. Rather than accomplishing the stripes with a repeating SVG or PNG background image, this CSS-only approach uses a strategically spaced linear gradient at an angle to produce an identical feel. No tessellating knowledge needed. A transformation and intentional z-indexing give a smooth resolve on hover.

Made with: HTML,CSS

View Code

Flat Buttons Psuedo Striped Shadows

Css Gradient Hover Effect

29.08.2016

A quick proof of concept for a hover effect utilizing mix-blend-mode and CSS gradients.

Made with: HTML,CSS (SCSS)

View Code

Css Gradient Hover Effect

3d Button

29.08.2016

3D button with HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

3d Button

Social Buttons With Tooltips

29.08.2016

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

View Code

Social Buttons With Tooltips