search

gudh / ihover

iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
gudh.github.io/ihover/dist/index.html
3.48k stars 1.19k forks source link

Text first #20

Open johnmarlow007 opened 7 years ago

johnmarlow007 commented 7 years ago

Hello. First of all, this is a GREAT project! Congratulations! Secondly, this is not an issue, but an idea. I would need (and I think many others too) the text to be first and then animation to turn the circle/square into the image. Is there an option for that or can this be a development idea? Thank you so much. Andy.

johnmarlow007 commented 7 years ago

Hi all. I see there is not too much activity around this project, but still it's awesome!!! :) I have done the change I needed and I want to just put it here in case someone else needs this.

I thought the way to go about it in order to keep the old style is, instead of having the "info" and "img" classes, to create 2 sets of classes for the 2 text/image priorities, like: "info_1st" and "img_2nd" or "info1" and "img2" so then the current classes can be renamed "img_1st" and "info_2nd" or "img1" and "info2" and not disturb any of the existing functionality.

Anyway, here is my codepen with this customization.

I would be happy to get some feedback about this and if a lot of people like it, we can implement it in the kernel and actually double the number of options with Text-first and Image-first styles.