CSS only: 3D Animated Home Icon Concept

takaneichinose

Takane Ichinose

Posted on June 11, 2019

CSS only: 3D Animated Home Icon Concept

Lately, I've been interested in making a webside having an overkill icons and animations. Maybe, because I read an article about designing with brutalism.

Maybe, if I got a chance to make a design of website, I would like to try the concept of brutalism. Although I want to minimise it a little. Also, an overkill animation, that will actually make the website pleasant, and not annoying.

I haven't used any Javascript codes to make the animation, though, there is a certain library that I want to learn.

This is just a simple concept of 'Home Icon' (It will animate when hovered), for a 3D-based user interface, and then, there will be a left or right icon that will go to other navigation, like 'About', 'Contact Me', etc. So maybe, it's good for menu item.

πŸ’– πŸ’ͺ πŸ™… 🚩
takaneichinose
Takane Ichinose

Posted on June 11, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Multicolour reflections from text
codepen Multicolour reflections from text

February 7, 2022

CSS Peasant
codepen CSS Peasant

February 24, 2021

Drawing a cartoon in CSS
codepen Drawing a cartoon in CSS

December 21, 2020

CSS Silhouette
codepen CSS Silhouette

October 15, 2020

#CodepenChallenge 100 DIVS: Living Room
codepen #CodepenChallenge 100 DIVS: Living Room

September 9, 2020