Weather Icons

17.08.2016

Awesome weather icons in HTML, SVG and CSS.

Made with: HTML,CSS (SCSS)

View Code

Weather Icons

Multiple Sliding Panels

17.08.2016

Sliding panels around to give greater emphasis to the active panel. Uses only CSS :hover states with transform/opacity transitions for maximum performance.

Made with: HTML,CSS (Less)

View Code

Multiple Sliding Panels

Floatting Draggable Menu

17.08.2016

Floatting Draggable Menu (Messenger like).

Made with: HTML,CSS (SCSS),JavaScript

View Code

Floatting Draggable Menu

Submit Button

16.08.2016

Submit button concept in jQuery.

Made with: HTML,CSS (Sass),JS

View Code

Submit Button

Polygon-Style Gradient Pull Quote

16.08.2016

Made with: HTML,CSS (SCSS)

View Code

Polygon-Style Gradient Pull Quote

Business Card

16.08.2016

Flipping business card in HTML, CSS and JavaScript.

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

View Code

Business Card

Flat Layered Button

16.08.2016

Made with: HTML,CSS

View Code

Flat Layered Button

Thumbnail With Animated Captions

15.08.2016

In combination with data attributes, you can build a thumbnail image with title and description using just one single line of HTML code.

Made with: HTML,CSS

View Code

Thumbnail With Animated Captions

Logo Loader

15.08.2016

Made with: HTML,CSS

View Code

Logo Loader

Product Card

15.08.2016

Product card in HTML, CSS and little jQuery.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Product Card

Css Perspective Text Hover

14.08.2016

An experiment using webfonts in combination with CSS 3D transform tools.

Made with: HTML,CSS (SCSS)

View Code

Css Perspective Text Hover

Css Only News Cards

14.08.2016

Pure CSS news cards with revealing content on hover.

Made with: HTML,CSS (SCSS)

View Code

Css Only News Cards

Arrow Animations

12.08.2016

Some CSS only arrow animations that indicate state changes.

Made with: HTML/Pug

View Code

Arrow Animations

Css-Only Sliding Panels Using Transforms

12.08.2016

Sliding panels around to give greater emphasis to the active panel. Uses only CSS :hover states with transform/opacity transitions for maximum performance. Responsively switches to a stacked layout on smaller screens, or by using the .panels--stacked class.

Made with: HTML,CSS (Less)

View Code

Css-Only Sliding Panels Using Transforms

Speech Bubble Caret

12.08.2016

Making a triangle for a speech bubble and using transforms to help create the position.

Made with: HTML,CSS (SCSS)

View Code

Speech Bubble Caret

Action Button With Checkbox Trick

12.08.2016

Made with: HTML,CSS (Less)

View Code

Action Button With Checkbox Trick

Vue Top Progress

12.08.2016

Made with:

View Code

Vue Top Progress

Scroll Down - Call To Action Animation

11.08.2016

Simple animated call to action arrow.

Made with: HTML

View Code

Scroll Down - Call To Action Animation

Material Music Player

11.08.2016

HTML and CSS material music player.

Made with: HTML,CSS (SCSS)

View Code

Material Music Player

Emoticon Star Rating

11.08.2016

Emoticon five star rating through Font Awesome in pure CSS.

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

View Code

Emoticon Star Rating