Direction Aware Tiles

26.07.2017

Direction aware tiles using clip-path pure CSS.

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

View Code

Direction Aware Tiles

Pop-Up Overlay

26.07.2017

Made with: HTML,CSS (SCSS),JavaScript

View Code

Pop-Up Overlay

Motion Blur Effect Using Svg Filters

26.07.2017

This is an experiment that simulates a motion blur effect every time a slide is switched. It takes advantage of SVG Gaussian Blur filter and some CSS keyframes animation. Although the effect does not require any Javascript to properly work, in this example Javascript is only used for the slider functionality.

Made with: HTML

View Code

Motion Blur Effect Using Svg Filters

Tabs

26.07.2017

Pure CSS with a hint of JS. Technically, you don't need the JS as this is just to set the min-height value.

Made with: HTML,CSS,JS

View Code

Tabs

Motion Blur Effect Using Svg Filters

26.07.2017

This is an experiment that simulates a motion blur effect every time a slide is switched. It takes advantage of SVG Gaussian Blur filter and some CSS keyframes animation. Although the effect does not require any Javascript to properly work, in this example Javascript is only used for the slider functionality.

Made with: HTML,CSS (SCSS),JS

View Code

Motion Blur Effect Using Svg Filters

Css Share Icons

26.07.2017

Pure CSS share icons with hover effects.

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

View Code

Css Share Icons

User Error Page

26.07.2017

A cool hologram effect created by using a CSS3 glitch effect that's pretty popular and 3 layers of this rascal on top of another and placed a little bit offset to each other, they also feature different color hues to make it pop.

Made with: HTML,CSS,JavaScript

View Code

User Error Page

Sparse Triangle Background

25.07.2017

Made with: HTML,CSS,JS

View Code

Sparse Triangle Background

Es6 Text Editor/Context Menu

25.07.2017

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

View Code

Es6 Text Editor/Context Menu

Html And Css Subscribe Form

24.07.2017

HTML and CSS subscribe form with little jquery.js.

Made with: HTML,CSS,JavaScript

View Code

Html And Css Subscribe Form

Split Image | Hover Effect

24.07.2017

Made with: HTML,CSS,JS

View Code

Split Image | Hover Effect

Analog Digital Clock

24.07.2017

Analog/Digital clock with HTML, CSS and JS.

Made with: HTML/Pug

View Code

Analog Digital Clock

Button Hover Animation

24.07.2017

Pure CSS button with hover effect.

Made with: HTML,CSS

View Code

Button Hover Animation

Contact Me Card Animation

23.07.2017

Click on the "Contact Me" button to see it in action.

Made with: HTML,CSS (SCSS),JS

View Code

Contact Me Card Animation

Messenger App

23.07.2017

Made with: HTML,CSS

View Code

Messenger App

Skeleton Screen Gradient Animation

22.07.2017

Made with: HTML,CSS (Sass)

View Code

Skeleton Screen Gradient Animation

Css Weather Animations

21.07.2017

Made with: HTML,CSS (SCSS)

View Code

Css Weather Animations

Slide Clock

21.07.2017

HTML and CSS slide clock with little JS.

Made with: HTML

View Code

Slide Clock

Animated Css Gradient Border

20.07.2017

Made with: HTML,CSS (PostCSS)

View Code

Animated Css Gradient Border

Javascriptless Before/After Slider

19.07.2017

A before and after slider with only html and css.

Made with: HTML

View Code

Javascriptless Before/After Slider