Faq Accordion

12.07.2017

Minimal FAQ accordion made with little vanilla JavaScript.

Made with: HTML,CSS,JavaScript

View Code

Faq Accordion

Play Button Animation

12.07.2017

Play button animation in HTML, CSS and JS.

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

View Code

Play Button Animation

Poster. Blur At Mandela Hall, 1993

12.07.2017

Made with: HTML,CSS (SCSS),JS

View Code

Poster. Blur At Mandela Hall, 1993

Animated Underlines

12.07.2017

Demo of an animated underline effect. Pure CSS animation.

Made with: HTML

View Code

Animated Underlines

Svg Button Hover Effect With Snap.Svg

12.07.2017

Simple button hover effect by replacing the text in a button with an svg element which mimics the button in order to create an effect which can not (easily?) be done with CSS.

Made with: HTML

View Code

Svg Button Hover Effect With Snap.Svg

Css Weather Animations

11.07.2017

Some simple weather icons and animations made with HTML & CSS.

Made with: HTML,CSS (SCSS)

View Code

Css Weather Animations

Bootstrap Cards

11.07.2017

Made with: HTML,CSS,JS

View Code

Bootstrap Cards

Css Thumbnail

10.07.2017

Thumbnail CSS hover transition.

Made with: HTML (Pug),CSS

View Code

Css Thumbnail

Tab With Onclick Step Effect

10.07.2017

Bootstrap tab with onclick step effect.

Made with: HTML,CSS,JS

View Code

Tab With Onclick Step Effect

Css-Only Image Slider Using Svg Patterns

8.07.2017

This is an experiment on how SVG patterns can help us create masked-like images for a CSS-only image slider.

Made with: HTML

View Code

Css-Only Image Slider Using Svg Patterns

Info Cards

8.07.2017

Animated info cards in jQuery.

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

View Code

Info Cards

Context Menu

8.07.2017

Made with: HTML,CSS,JS

View Code

Context Menu

Planets App Svg Animation

7.07.2017

Clicking on a planet reveals more information about that planet.

Made with: HTML,CSS (SCSS),JS

View Code

Planets App Svg Animation

Scroll For Tabs

6.07.2017

Made with: HTML,CSS (SCSS),JS

View Code

Scroll For Tabs

Social Icons

6.07.2017

Social icons with vision 3D effect in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Social Icons

Princess Mononoke Game

6.07.2017

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

View Code

Princess Mononoke Game

Simple On-Click Search Field Interaction

6.07.2017

All the icons/images are made with CSS - the onlick interaction is done with the sibling selector ~.

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

View Code

Simple On-Click Search Field Interaction

Terminal Spinner

5.07.2017

Elegant terminal spinner with HTML and CSS.

Made with: HTML,CSS

View Code

Terminal Spinner

Button Border Slide Mixin

5.07.2017

A Sass mixin for a link animation where the border slides around the link on hover.

Made with: HTML,CSS (SCSS)

View Code

Button Border Slide Mixin

3D Product Card

4.07.2017

3D product card in jQuery.

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

View Code

3D Product Card