Html 404 Page

Simple animated 404 page.

Made with: HTML,CSS

View Code

Chromatic Triangle

Try to change the $rings value and -30.times do.

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

View Code

Tetris In Vanilla Js

The goal is to make a Tetris emulation that is resolution independent with pixel-perfect edges and can intelligently resize itself based on changes in window size.

Made with: HTML,CSS,JS

View Code

Bootstrap Users Products To-Do

Made with: HTML,CSS

View Code

Off-Canvas Menu Effects

Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations.

Made with: HTML

View Code

Pyramid Logo Hover Animation

Tried to make a 3D logo hover effect with CSS.

Made with: HTML,CSS (SCSS)

View Code

Close Button

Made with: HTML,CSS (Less)

View Code

Pure Css Tic-Tac-Toe

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

View Code

Css 3D Bending Effect - Page Flip

CSS only experiment. Page flip with bending effect. Works only on browsers that support transform-style: preserve-3d.

Made with: HTML (Haml),CSS

View Code

Bootstrap Shopping Cart

Made with: HTML,CSS

View Code

Css Notebook Paper

A sheet of notebook paper with pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Submit Button

SVG submit button with animation in jQuery.

Made with: HTML,CSS (Stylus),JS (CoffeeScript)

View Code

Profile Avatar

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

View Code

Submit Button

Submit button GSAP edition.

Made with: HTML,CSS (SCSS),JS

View Code

Send Button

Send button with a transition.

Made with: HTML,CSS,JavaScript

View Code

Pure Css Off-Screen Menu

This concept relies on the :checked pseudo-selector as well as the general sibling ~ selector, so it has decent browser support.

Made with: HTML,CSS

View Code

Jagged Border

Made with: HTML,CSS (Less)

View Code

Business Card Concept

Business card concept in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

3d Text Lighting & Shadows

Made with: HTML,CSS

View Code

Picture Frame

Made with: HTML (Slim),CSS

View Code