Hello Forum

I can get the transitions to ease in fine but I can't seem to get the ease out function to work. The rollover/hover eases in fine but when I go out it snaps instantly . I am presently using the Ease-in-out with a .45 duration.

Is there a way to when you roll over the content can change? For instance if I have a container with a white background on rollover it ease to a different background but new copy appears?

Is there a way if I have a photo as background on rollover there is a color that comes up partial opacity and copy appears? Like this http://uniquedigital.com/ about 2/3 down solutions row.

Thanks

Byron

I have done that (or something similar but using FF (which should be the same with RSD

Put you background image onto a row
set the column that sits on that row to the same dimensions as the row, give the column a background colour and transparency as you want, place a container in the column for holding text or whatever else you want it to hold

set the opacity for the column when in "regular state to 0, then set the opacity for the column in "hover" state to 1 adjust transitions to delay/duration etc as you want (just ease in not ease in out)

That should work (hope I have explained it correctly)

(this of course only applies to devices that use a mouse for roll over, mobile devices don't have that so you need work out how to show the column at lower viewports)

place the content in the container and adjust where you want the content to appear within the column (ie centered etc etc)

Interesting - Thanks!!!!