Hamburger Menu

19.06.2018

Made with: HTML,CSS

View Code

Hamburger Menu

Background-Attachment: Fixed;

19.06.2018

Background with CSS propety background-attachment: fixed;

Made with: HTML,CSS

View Code

Background-Attachment: Fixed;

Figure & Figcaption Tags

19.06.2018

figure and figcaption ... and a beautifull David Harris's poem.

Made with: HTML,CSS

View Code

Figure & Figcaption Tags

Image Glitch Effect

18.06.2018

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

View Code

Image Glitch Effect

Lazy Loading Figure + Figcaption & Flipping Card

18.06.2018

figure & figcaption combo with some extra features in the form of a short description added on hover of the caption and the back side of the figure for a full description. Can be used in a portfolio to showcase both the work and an extensive description in a relatively small space.

Made with: HTML,CSS,JavaScript

View Code

Lazy Loading Figure + Figcaption & Flipping Card

Typing Effect

18.06.2018

Typing caption on hover.

Made with: HTML,CSS,JavaScript

View Code

Typing Effect

Image Glitch Effect

18.06.2018

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

View Code

Image Glitch Effect

404 Page

18.06.2018

Look like you're lost. The page you are looking for not avaible!

Made with: HTML,CSS

View Code

404 Page

Svg Illustration With Anime.Js

18.06.2018

Animated SVG illustration with anime.js.

Made with: HTML,CSS (Sass),JavaScript

View Code

Svg Illustration With Anime.Js

Responsive Flip Card Grid

18.06.2018

Responsive flip card grid with 1:1 aspect ratio.

Made with: HTML,CSS,JavaScript

View Code

Responsive Flip Card Grid

Figcaption For Flipping Card

18.06.2018

Made with: HTML,CSS,JavaScript

View Code

Figcaption For Flipping Card

Css Grid | Müller Poster

18.06.2018

Made with: HTML,CSS

View Code

Css Grid | Müller Poster

Bootstrap 4 Timeline

17.06.2018

Made with: HTML,CSS

View Code

Bootstrap 4 Timeline

Bootstrap 4 Profile

17.06.2018

Profile with timeline posts.

Made with: HTML,CSS

View Code

Bootstrap 4 Profile

Share Button

16.06.2018

Simple and unique share button in HTML and CSS. Version with jQuery: https://codepen.io/onediv/pen/dkFco.

Made with: HTML,CSS

View Code

Share Button

React Tabs

16.06.2018

Made with: HTML,CSS,JS (Babel)

View Code

React Tabs

Input:Not(:Placeholder-Shown)

15.06.2018

It looks kinda similar to the text inputs of the framework Materialize.

Made with: HTML,CSS (Stylus)

View Code

Input:Not(:Placeholder-Shown)

Hero Svg Animation

15.06.2018

Made with: HTML,CSS (Sass),JS

View Code

Hero Svg Animation

Css Responsive Cards

14.06.2018

Responsive cards (1 / 2 / 3 cols); card footer; css flex properties for equal heights.

Made with: HTML,CSS

View Code

Css Responsive Cards

Direction-Aware Text-Shadow

13.06.2018

Direction-aware text-shadow, use of CSS variables to create perspective and 3D light effect on text.

Made with: HTML,CSS (SCSS),JavaScript

View Code

Direction-Aware Text-Shadow