💻 My web design - effects and menu

in design •  7 years ago 

Some fancy moving images from development. More about this project here.

 

Clouds

I created this effect using one, highly compressed PNG image and 2 elements. They are animated using transition of transform: translate3d. They also have a slight delay set, to move more smoothly at the load of the website. Otherwise it would jerk.
 
Untitled-1.gif

 

Menu button

Menu has 3 separate animated bars. On clock it opens menu container.
 
Untitled-2.gif

 

Responsivity

To have big enough clickable areas, we have to increase the size of the image on mobile devices. It will be scrollable to all directions using your finger. We might indicate this using some icon.
 
Untitled-4.gif



profile03.png

Andrej Cibík @andrejcibik

 

Web design | Web development | Logo design

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Wew. Elicoll. Maybe some day. I get a free web designs. 😁

Nothing in the world is for free. Only love :P

I have the impression that free love can be very expensive ... :P

Well done. I am learning web designing in a course. I like to work with bootstrap (responsive). It is easy if it be perfect responsive. I liked your work. Thanks @andrejcibik.

  ·  7 years ago Reveal Comment