New post
0

html5 transitions ?

Avatar
Mark
None
Follow

Hi,

Can a project displaying html5 webpages include transitions between them at all ? I'd like to add a fade transition between each webpage I am displaying.

If it can infact be done, could someone please share how to do it ?

Thanks

Date Votes

3 comments

  • 0
    Avatar
    Shaun

    Transitioning from Site1>Site 2>Site 3 etc... is this correct? Or are you referring to page1>page 2 etc.. within a webpage?

  • 0
    Avatar
    Mark

    Essentially, either.   Currently I'm working on a project where each webpage is from the same website.

    www.mysite.com/page 1.html

    www.mysite.com/page 2.html

    www.mysite.com/page 3.html

    All I'm wanting to do is add a transition between each page just as you can for images.   Any ideas ?

    Thanks

  • 0
    Avatar
    Shaun

    You should be able to. You would need to execute any transitions between elements utilising -Webkit elements such as -transform - transition etc.. as that is the only way to get any form of hardware accelearation, your page needs to be written with these constraints in mind.

    On another note around Webkit implementation : Consider using 'dppx' units, as in CSS 'dpi' means dots-per-CSS-inch, not dots-per-physical-inch, so does not correspond to the actual 'dpi' of a screen. In media query expression: print, not all, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi)

    In short you have to build you site from the ground up for use on an XD unit. 

Please sign in to leave a comment.