Slide Text On Hover Animation

Just a quick example of a simple button hover animation.

Made with: HTML,CSS

View Code

Inifnite Corridor

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

View Code

High Performance Django Ad

Experimenting with ads for lincolnloop.com's book titled "High Performance Django". Super simple, nothing fancy.

Made with: HTML,CSS (SCSS)

View Code

Chat Window With Css3

Made with: HTML,CSS (SCSS)

View Code

Three Dots Menu Animation

Three dots menu animation on hover.

Made with: HTML,CSS

View Code

Off Canvas Menu

Another off canvas menu using the checkbox hack to active mobile navigation.

Made with: HTML,CSS (SCSS),JS

View Code

Range Input: Change Live Value

Live change the value of the range input using JavaScript's "input" addEventListener.

Made with: HTML,CSS (Less),JavaScript

View Code

Animated Shopping Cart Icons

Just experimenting with some SVG animations and interactivity for a "Fake Fruit Shop".

Made with: HTML,CSS,JavaScript

View Code

Animated Ghost Button

Made with: HTML,CSS

View Code

8-Bit Borders Using Shadows

8-bit borders using multiple CSS3 shadows and a little of Sass.

Made with: HTML,CSS (SCSS)

View Code

8 Bit Flappy

Flappy Bird reboot in 8 bit.

Made with: HTML,CSS,JS

View Code

Bootstrap Coupon Alert Boxes

Made with: HTML,CSS

View Code

Solar System With Pure Css

Made with: HTML,CSS

View Code

Codepen Ticket

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

View Code

Css Magical Glow Effect

A pseudorandom pulsing glow effect using only CSS3.

Made with: HTML,CSS

View Code

Hipchat Redesign

Made with: HTML,CSS (Less),JS

View Code

Adaptive Placeholder

Once activated, the input placeholders become input labels.

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

View Code

Border-Gradient Mixin

Implementation of border gradient that can be applied to elements with border-radius.

Made with: HTML,CSS (SCSS)

View Code

Dropdown Menus

Animated CSS dropdown menus.

Made with: HTML,CSS (SCSS)

View Code

Gradients

Made with: HTML,CSS (SCSS)

View Code