Viewing Image Rollover Dissolve effect
Image Rollover Dissolve effect
|
User: darrendixie123456789 12 years ago
|
|
|
It might be nice to have the option for Rollover items to 'Dissolve' into each other. Eg, instead of a hard and fast switch from one image to the next, a gentle fade from one into the next over a customisable amount of time - adding a different user experience. |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
Thank you for your suggestion. This is something we can provide in the future, or create a widget for.
------------------------------- Paul EverWeb Developer |
|
|
User: Roddy 12 years ago
|
|
|
Now that CSS transitions work in the latest versions of the major browsers there are all sorts of possibilities for effects like this. I did actually make some widgets using transitions but I need to put more thought into the variables. Here are some examples of transitions on hover. One of the problems with using the hover state - even on conventional websites - is that many visitors will view them using larger tablets like the iPad which don't do hover. Viewers using these devices can tap to get the hover effect but are then stuck with the hover image. Tooltips have the same problem on mobile devices although it is possible to close them by adding a chunk of javascript. I have since discovered a dumb and dirty way of doing this and incorporated into to some widgets for mouseover text, icon and thumb widgets. With these, the visitor taps anywhere else other than the tooltip to make it disappear. I now need to figure out a way to do this with CSS hover transitions! You will see the problem if you view the above test page on a mobile device. Tapping an image implements the effect but then you are stuck with it until another is tapped. The one with the text hyperlink is OK I suppose because the visitor would be leaving the page anyway. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Lynda E. 10 years ago
|
|
|
More about......CSS Image Hover Effects Lynda |
|
|
User: Ced R. 10 years ago
|
|
|
Quote: It might be nice to have the option for Rollover items to 'Dissolve' into each other. +1 ------------------------------- EW1.9 - Mavericks - MacBookPro Infographiste Web and Print • France Personal Websites : Cedric-a.com (Wp) - Speedomini.com (Ew) Professional Websites : Blubahia.com (Ew) - Kafibre.com (Ew) - Angejardin.fr (Dp) - APSevents.fr (iWeb) |
|
|
User: Roddy 10 years ago
|
|
|
The second example on THIS PAGE uses a CSS transition to cross fade between two images on hover. Hover effects are rapidly becoming extinct since the don't work on touch devices. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Ced R. 10 years ago
|
|
|
Quote: The second example on THIS PAGE uses a CSS transition to cross fade between two images on hover. +1 Thank you Roddy, It makes me smile because I have already purchased this widget, and I had forgotten among all the other ... Perfect ! Roddy, I just saw that my version of this widget does not include the selection box of internal pages of the site ... Would you do an update recently? Thank you ! ------------------------------- EW1.9 - Mavericks - MacBookPro Infographiste Web and Print • France Personal Websites : Cedric-a.com (Wp) - Speedomini.com (Ew) Professional Websites : Blubahia.com (Ew) - Kafibre.com (Ew) - Angejardin.fr (Dp) - APSevents.fr (iWeb) |
|
|
User: Roddy 10 years ago
|
|
|
Contact Me and I will send you a copy.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Lynda E. 8 years ago
|
|
|
Check this....Hover Effects Lynda |
|
|
User: Roddy 8 years ago
|
|
|
Although hover effects are kind of redundant nowadays, I have included a few in the new Image FX widgets pack. I have just published a preview of the Image FX 2 pack which includes widgets to add CSS filters. Here's a DEMO of the various filter effects. Using the widgets, you can apply the filter to either the image or the image in the hover state. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |