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 Unused CSS Stages CSS Animations Keyframe Rules and Animation Properties

Posted by slxmclxtds
slxmclxtds
37,677 Points

How can i play animations or transitions, when switching to a different page.

Example: http://fenomen.ee/en

When I go from home page to another page (Portfolio) you can see there is transitions between those two pages. Browser doesn't recognise as a reloading a page, when you compare them to any other page. I mean that when in Chrome it usually show when page is being loaded. In this example it doesn't show. It will not show page loading symbol/icon on the favicon.

My question is how can I make my own website pages have the same effect when switching to a different page.

Does TeamTreeHouse has a tutorial for this example?

Best, Imre

3 Answers

Andrew Platt
Andrew Platt
2,036 Points
Andrew Platt
Andrew Platt
2,036 Points

Inspect element shows 10+ java scripts running and my guess is this is similar to "one page" websites but content for the other pages is hidden until you click on its corresponding nav option from their scripts run to hide other content and show the desired set. I am no expert so this is more like speculation I will be interested to see others thoughts I hope this gets more attention. None the less this is a pretty cool website design thanks for posting I would not have stumbled upon it otherwise.

slxmclxtds
slxmclxtds
37,677 Points
slxmclxtds
slxmclxtds
37,677 Points

So this isn't possible with just CSS3 or a bit of CSS3?

Andrew: Also notice how the url changes in the address bar.

Andrew Platt
Andrew Platt
2,036 Points
Andrew Platt
Andrew Platt
2,036 Points

I do notice that now, but like I said I am no expert and what I stated was more of a guess than anything. Also like I said before I hope that someone with more knowledge decides to comment on this because I am also very interested to know.

Shaun Kelly
Shaun Kelly
35,560 Points
Shaun Kelly
Shaun Kelly
35,560 Points

This effect is created using javascript/jquery. It is probably best to check out javascript and JQuery basics courses to get started. Hope this helps.