I’m making a slideshow and the images won’t be static, they’ll be pulled in dynamically through an array and finally it will look like this:
What i’m wondering is, what is more CPU friendly, CSS3 & jQuery making transitions fade simply by changing the CSS class of the div that will fill the screen, or, Canvas with drawn on it refreshing each time?
Webkit (Safari, Chrome, etc.) has built-in support for CSS-based transitions effects, and Mozilla is working on adding them as well. Being able to use the browser-supplied transitions, where available, will definitely provide a performance boost.
I’m not sure what your browser compatibility requirements are, but keep in mind that no version of IE supports
<canvas>yet. You can use a JavaScript library to provide it with pseudo-support, but I would imagine that’s going to lead to a performance hit.