Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Konrad Pilch
Konrad Pilch
2,435 Points

How to add ttransition

HI,

HOw can i add transition to this when i click on select topic , and then after i select it, the boxes will show e.g fading in with css? ( i know the css code, i just dont know how to do this , i put it all , none works ).

Liam Maclachlan
Liam Maclachlan
22,805 Points

Hey man. Can you share your current code? :)

Konrad Pilch
Konrad Pilch
2,435 Points

xd i havent pasted the link eh .

Its here . Baiscally, if you change topic down to e.g Graphic Designer or whatever, the images just apears, my goal is to make them e.g fade in like treehouse, or just make any transaction working.

1 Answer

Liam Maclachlan
Liam Maclachlan
22,805 Points

I found this which offers two ways of completing the task:

1 is simply using the transition and the other, on load, appends a class that triggers the same effect. I would say version 2 would work better but version 1 should work most of the time but may not have the exact desired effect :)

Link is here

Konrad Pilch
Konrad Pilch
2,435 Points

RRight, i get the idea i think , adding a new whatever is called, a class or something load, and when it loads, the function on the class in css will have the animation i believe.

Thank you! Im re-doing all the website now all over again, since i had a messy css and that was my prototype , so when id get there, id try it out .

Thank you!

Liam Maclachlan
Liam Maclachlan
22,805 Points

Lol. Yeah. redoing websites/parts of the website happens a lot. As the projects start to get bigger and bigger, and you start to stretch your knowledge more and more, you will find yourself wanting to re do areas constantly. It much worse when you take over someones project and they haven't been kind in making their code easy to manage :)