July 6, 2017 at 9:10 pm #256598
My portfolio is a series of DIV tags. I’d like to contain options at the top to filter the list. For example:
All | Web | Print | Brand
Second priority would be for the newly clicked on set of DIV tags to animate into place. Not necessary, and not as important as the first question. Just would be nice. I have done a little css animation, but not much.
Thank you for any help with direct advice or pointing me in the right direction!July 6, 2017 at 10:00 pm #256599BeverleyhParticipant
I don’t care if it’s a learning solution or not. I mean, I want to learn it, but that will happen just by implementing and debugging. I don’t want to learn coding languages much beyond css, but don’t mind implementing them.
Basically I have the portfolio already done and populated with content including all the image prep to work with the css as is. Each entry is neatly nested in a DIV, so I don’t want to re-work the content/code for that part. That’s why I was looking for a css solution. Because I’ve seen pre-made solutions have their own setup for how to do the content for each entry.
But thanks so much, I’ll look into those!July 7, 2017 at 7:57 am #256613bearheadParticipant
If you want animation, you’ll have to add/remove classes instead of just changing the display style directly.
I would not recommend implementing this kind of interaction with only css.July 7, 2017 at 9:10 am #256617
Thanks, I’ve never used data-tags, but this is pretty close to what I was envisioning. Can divs have multiple data tags? Like data-tag=”red, yellow”.July 7, 2017 at 9:15 am #256618bearheadParticipant
In that case it might be better to just use class names as tags:
https://codepen.io/kvana/pen/LLJmZbJuly 7, 2017 at 9:19 am #256619
That’s super cool. I didn’t realize I could type right in there and see live results (wouldn’t have asked, would have just tried it). Thanks!!!
- You must be logged in to reply to this topic.