CSS Examples / Frontend Components : CSS Mix

Water Droplets On Window

14.02.2015

Focusing effect on either first translucent layer or the layer behind.

Made with: HTML,CSS (SCSS)

View Code

Floating Button

14.02.2015

Using CSS and SVG filters.

Made with: HTML,CSS

View Code

Animated Css Banff Badge

12.02.2015

First in a series of animated National Park badges.

Made with: HTML,CSS

View Code

Hand Drawn Border Effects

11.02.2015

A one line border-radius technique.

Made with: HTML,CSS

View Code

Social Links

11.02.2015

HTML and CSS social diamond links.

Made with: HTML,CSS

View Code

Modern Style Input Text

10.02.2015

Simple but yet modern look of input text fields.

Made with: HTML,CSS (Less),JS

View Code

Awesome Text-Shadow

9.02.2015

Flat and simple text shadow effect.

Made with: HTML,CSS

View Code

Button Outline Animation On Hover

9.02.2015

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

View Code

Flat Weather Notice Cards

6.02.2015

Pure CSS3 and HTML5 animated weather notice cards.

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

View Code

Hover Effect Css For Bootstrap Gallery

6.02.2015

Made with: HTML,CSS

View Code

Input Type Range #3

5.02.2015

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

View Code

Input Type Range #6

5.02.2015

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

View Code

Accessible Fullscreen Overlay Menu

5.02.2015

A fairly accessible fullscreen overlay menu built with jQuery and CSS.

Made with: HTML

View Code

Login Form

4.02.2015

Simple login form in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Box Button Hovers

4.02.2015

Made with: HTML,CSS

View Code

Credit Card Template

3.02.2015

Small and independent module that is easy to extend and/or customize, written in Sass. It uses BEM methodology to organize the code.

Made with: HTML,CSS (SCSS)

View Code

Jquery Business Card

1.02.2015

Save the trees with a digital business card.

Made with: HTML,CSS (SCSS),JS

View Code

Quick And Easy Fullscreen Menu

31.01.2015

Crafted and debugged in 5 minutes, IE10+ compatible. Might not be ideal for production but would help you if you need a quick working responsive and modern menu.

Made with: HTML

View Code

Link Ideas (Proof Of Concept)

31.01.2015

Cool CSS3 link ideas.

Made with: HTML

View Code

Pure Css Day/Night Toggle Swith

31.01.2015

Dribbble rework of an original shot: https://dribbble.com/shots/1907553-Day-Night-Toggle-Button

Made with: HTML,CSS (SCSS)

View Code