Social Buttons

11.06.2017

Pure CSS social buttons.

Made with: HTML,CSS (SCSS)

View Code

Social Buttons

React Tabs

11.06.2017

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

View Code

React Tabs

Text Shadow Animate

10.06.2017

Made with: HTML,CSS (SCSS)

View Code

Text Shadow Animate

Submit Button

10.06.2017

Submit button with anime.js.

Made with: HTML,CSS (SCSS),JS

View Code

Submit Button

Notifications Component

10.06.2017

This is a Sass mixin that provides notifications functionality using little-to-none JavaScript. It makes use of CSS transitions and animations to display notifications as popups or bars on different locations of the viewport. The best thing is that it is fully customizable and easy to use.

Made with: HTML,CSS (SCSS),JS

View Code

Notifications Component

Animated Rainbow Button

10.06.2017

Made with: HTML,CSS

View Code

Animated Rainbow Button

Animated Css Arrows

9.06.2017

Pure CSS animated arrows.

Made with: HTML

View Code

Animated Css Arrows

Fancy Text Shadow

9.06.2017

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

View Code

Fancy Text Shadow

Ui Recipe Card

9.06.2017

Simple HTML and CSS UI recipe card.

Made with: HTML,CSS,JavaScript

View Code

Ui Recipe Card

Calendar Ui

8.06.2017

Calendar with events in HTML and CSS.

Made with: HTML

View Code

Calendar Ui

Login Form

7.06.2017

Made with: HTML,CSS,JavaScript

View Code

Login Form

Product Card

7.06.2017

Made with: HTML,CSS (SCSS),JS

View Code

Product Card

Spring Physics With Css Variables

7.06.2017

Made with: HTML,CSS,JS (Babel)

View Code

Spring Physics With Css Variables

Css Text-Shadow

6.06.2017

Modern shadow effect for text with CSS text-shadow.

Made with: HTML,CSS (SCSS)

View Code

Css Text-Shadow

Dice Roleplay Glitch & Pulse

6.06.2017

Made with: HTML,CSS (Less)

View Code

Dice Roleplay Glitch & Pulse

Spinning 3D Cube

6.06.2017

Pure CSS spinning 3D cube.

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

View Code

Spinning 3D Cube

Button Hover Effects With Box-Shadow

5.06.2017

Making some basic animations with box-shadows. No extra elements or even pseudo elements required.

Made with: HTML,CSS (SCSS)

View Code

Button Hover Effects With Box-Shadow

Animated Rainbow Button

5.06.2017

Made with: HTML,CSS

View Code

Animated Rainbow Button

Button Hover Effects With Box-Shadow

4.06.2017

Making some basic animations with box-shadows. No extra elements or even pseudo elements required. Tips: - We're setting all the blurs to 0 since we want a solid fill; - Add the inset keyword so the box-shadow is on the inside of the element; - Animating the inset shadow on hover looks like the element is filling in from whatever side you specify ([top] and [left] accept negative values to become [bottom] and [right]); - Multiple shadows can be stacked; - If you're animating multiple shadows, be sure to keep the same number of shadows so the animation is smooth. Otherwise, you'll get something choppy.

Made with: HTML,CSS (SCSS)

View Code

Button Hover Effects With Box-Shadow

Jquery Onepage Scrolling Nav

4.06.2017

Made with: HTML,CSS,JS

View Code

Jquery Onepage Scrolling Nav