Css Gradient Hover Effect

29.08.2016

A quick proof of concept for a hover effect utilizing mix-blend-mode and CSS gradients.

Made with: HTML,CSS (SCSS)

View Code

Css Gradient Hover Effect

Tucked Corners

28.08.2016

Pure CSS tucked corners.

Made with: HTML,CSS

View Code

Tucked Corners

Super Best Flexbox Grid

27.08.2016

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

View Code

Super Best Flexbox Grid

Color Changing

26.08.2016

Click anywhere.

Made with: HTML,CSS (SCSS),JS

View Code

Color Changing

Color Changing

26.08.2016

Click anywhere.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Color Changing

Gooey Share Button

25.08.2016

Made with: HTML,CSS (SCSS),JS

View Code

Gooey Share Button

Pretty Shadow

24.08.2016

Pretty text shadow.

Made with: HTML,CSS (SCSS)

View Code

Pretty Shadow

Iphone 6S

23.08.2016

iPhone 6S made on pure CSS. No pixels allowed!

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

View Code

Iphone 6S

Dotted Menu Pure Css

23.08.2016

A quick and easy dotted menu icon done in pure CSS in a single element.

Made with: HTML,CSS (SCSS)

View Code

Dotted Menu Pure Css

Coin

23.08.2016

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

View Code

Coin

Ui Credit Card Checkout

23.08.2016

UI credit card checkout in pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Ui Credit Card Checkout

Animated Weather Cards

22.08.2016

Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state.

Made with: HTML,CSS (SCSS),JS

View Code

Animated Weather Cards

3D Flip Business Card

22.08.2016

Made with: HTML,CSS

View Code

3D Flip Business Card

Profile Card Ui

22.08.2016

HTML and CSS animated profile card UI.

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

View Code

Profile Card Ui

Fancy Animated Input Field

19.08.2016

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

View Code

Fancy Animated Input Field

Dotted Menu Concept

19.08.2016

Made with: HTML,CSS (SCSS),JavaScript

View Code

Dotted Menu Concept

Css Buttons

19.08.2016

Inspiration for new ways to make interactive buttons using linear-gradients, box-shadows, and pseudo classes.

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

View Code

Css Buttons

Material Cards Stack

19.08.2016

Material card grid with smooth animation.

Made with: HTML,CSS (Sass)

View Code

Material Cards Stack

4 Lines Jquery Accordion

19.08.2016

Simple jQuery accordion.

Made with: HTML,CSS (SCSS),JS

View Code

4 Lines Jquery Accordion

Cool Beans Button 60Fps

18.08.2016

We can easily make our animated buttons more performant. Use transforms and opacity for animations only. Then use will-change: transform; to let the browser know what animations lie ahead.

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

View Code

Cool Beans Button 60Fps