Jump to content
Search Community

3 Resize and animate content on hover/touch

Tanken Bak test
Moderator Tag

Recommended Posts

Hey,
I have situation like in code pen, but I dont start 😕
3 - equal boxes, vertical boxes (in mobile horizontals) and on hover/touch it should extend 

image.thumb.png.76e56bf5ee37be2828769f8103204d83.png
On hover  text has to go up and to the side, showing more text and button
Background also is moving slightly.
Other elements:
Gray out, and hide content on them.
If middle element hovered, other 2 goes to sides like above,
if one on the side, then 2 other goes to the side. Like screen 2
image.png.0c3d2b73babdafb0579e4d7e5b5332ef.png

Any help would be great, Im really in point where I just have no idea ;/ 
 

See the Pen PoPgvMp by isuke01 (@isuke01) on CodePen

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...