What might be the best way to create this?
I need to create this container and it should be responsive. When someone hover there should be a little movement in the pictures. Any suggestion how to create this thing. If you can even refer some resources that would be awesome.
12 Replies
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
I was not sure how to search this thing. I'm pretty sure I saw this on css tricks or in some article. How do I search this thing on internet?
looks like some divs that have
rounded grey borders + position: relative
the images are children and position: absolute to a location
the center part just sits on top of things and has a background of black also
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
If i put a fix border though the design isn't responsive afterwards
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Okay. I think got some insights. I'll get on it. Thanks. And if you have any codepen on the full responsive designs you made that could be of any use, Please send that also. It would help a lot.
I've never worked with clip-path before. what is the problem here?
I worked on this a little as a fun practice for myself as well
https://codepen.io/MarkBoots/pen/xxJomKQ
Awesome. Thanks a lot. Followed you on codepen as well. Will learn a lot from your projects.