- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi,
I am trying to make this http://codepen.io/SeamlessThemes/pen/LiBdo responsive. It is based off of a demo that I found here http://tympanus.net/Tutorials/OriginalHoverEffects/index5.html. With a fixed width and height the .view and the .view .mask are the same, but when I add percentages in I get lost because you cannot just have something like 32.33% for both.
Any ideas?
Thank you.
Here’s my question…do you really want this to be responsive…or adaptive?
Because I think adaptive is what you are after.
So you recommend adaptive? I was leaning toward that, but sometimes after working on something for a while you think “Ok, this can’t be that hard,” hence me asking here ;)
I would suggest just having them stack, rather than respond width wise. Is that your plan?
Forked it: http://codepen.io/Merri/pen/xyBtr
Instead of `transform: translateX()` you can use other means of moving things around. In the changed source I used `right` and `margin-left` to do the trick.