__________     __ __     __  _______    ________
  / ____/ __ \   / // /    / / / /  _/ |  / / ____/
 / / __/ / / /  / // /_   / /_/ // / | | / / __/
/ /_/ / /_/ /  /__  __/  / __  // /  | |/ / /___
\____/\____/     /_/    /_/ /_/___/  |___/_____/

 --- A GOPHER-LIKE INTERFACE FOR HIVE BLOCKCHAIN ---

💻 My web design - effects and menu

BY: @andrejcibik | CREATED: June 1, 2018, 6:45 a.m. | VOTES: 28 | PAYOUT: $1.62 | [ VOTE ]

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.
 
[IMAGE: https://cdn.steemitimages.com/DQmaKpuuEDHfwwedV39EcVUuZvXexf2nJV76fNKwo7mYPkY/Untitled-1.gif]

 

Menu button

Menu has 3 separate animated bars. On clock it opens menu container.
 
[IMAGE: https://cdn.steemitimages.com/DQmUp5E8BZ9JyRBX87KN6fL7AVyPxYaGsv6jDHa1CcH5qNR/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.
 
[IMAGE: https://cdn.steemitimages.com/DQmeFfQgW5XnmoJiq6VWRRASGukoi3H8XdVv6jAfMKC6iry/Untitled-4.gif]

[IMAGE: https://steemitimages.com/DQmSufxZ48mvJzQYFfMryK7ztecw4a7zQGwhg6ByKbmJJUE/profile03.png]

Andrej Cibík @andrejcibik

 

Web design | Web development | Logo design

TAGS: [ #design ] [ #web ] [ #webdesign ] [ #development ]

Replies

@henryrider | June 1, 2018, 6:55 a.m. | Votes: 1 | [ VOTE ]

i am also learning web design...

@podanrj | June 1, 2018, 7:06 a.m. | Votes: 1 | [ VOTE ]

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

@andrejcibik | June 1, 2018, 8:20 a.m. | Votes: 3 | [ VOTE ]

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

@krakonos | June 4, 2018, 5:26 p.m. | Votes: 0 | [ VOTE ]

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

@akilasultana373 | June 1, 2018, 7:13 a.m. | Votes: 1 | [ VOTE ]

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.

@transparencybot | June 3, 2018, 6:09 a.m. | Votes: 1 | [ VOTE ]

@andrejcibik You have earned a random upvote from @botreporter & @bycoleman because this post did not use any bidbots.

[ BACK TO TRENDING ] [ BACK TO MENU ]
CMD>