Direction Aware Tiles
Direction aware tiles using clip-path pure CSS.
Made with: HTML (Haml),CSS (SCSS)


Motion Blur Effect Using Svg Filters
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

Motion Blur Effect Using Svg Filters
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

Css Share Icons
Pure CSS share icons with hover effects.
Made with: HTML (Pug),CSS (Sass)

User Error Page
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



Html And Css Subscribe Form
HTML and CSS subscribe form with little jquery.js.
Made with: HTML,CSS,JavaScript




Contact Me Card Animation
Click on the "Contact Me" button to see it in action.
Made with: HTML,CSS (SCSS),JS






Javascriptless Before/After Slider
A before and after slider with only html and css.
Made with: HTML
