I'm building a photo gallery template with a box grid of photo thumbnails. When hovering over a thumbnail the image is suppose to scale larger.
I've been asked to use CSS3 transformations for this effect. Though I'm wondering if jQuery effects are more practical. How much support does transform have across browsers? IE would have to use something like filter, yes?
Usually, IE (at least 7 and 8) are behind the rest of the browsers while implementing CSS3, and yes, it provides an intricate alternate solution using filter.
Hm... can you bring an example?
Originally Posted by aj_nsc
First of all, note that I said "CAN" look like JS animations, and second of all, here are two templates that I programmed in the past week to use CSS3 instead of JS. I didn't bother putting JS fallback on the first one because, other than experience, they don't hinder the user's ability to use the website in any way, and I'd rather that IE users eventually realize what they're missing when they see someone open up a website and they say "Hey, that didn't fade/slide down when I saw it on my computer"
Dropdown Menu and hover links on "Brands" navigation link
Hover effects on links when you hover over company logos
Slide-out divs that appear when you hover over any of the main images
These are personal examples (and fairly weak ones, at that), google will provide you with a thousand more that look amazing.
EDIT: Like this one that uses CSS3 (but I think it's based on animations rather than transitions) - http://kickoffapp.com/
aha. Ok, thanks. Interesting.
Of course, IE will not make a smooth transition
A note about the site above: Move your comments from the top of the document below the Doctype. The Doctype should be the first line of the document. Anything written above might spoil things. For instance, IE will display the document in quirks mode, by default. I had to set manually the document's mode
Of course, as I pointed out also, IE will not make a smooth transition UNLESS you provide a JS fallback in which case you can mimic the transition exactly, but thanks for reiterating.
I was unaware of the quirksmode issue if anything was before the doctype. Fortunately, this is the base HTML template for a dynamic website to be built off of and the comments, as I'm sure you could tell, are used for the backend team and won't appear on the final site. Good info to know, though.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)