Viewing MouseOver & MouseDown - Changing Opacity and Borders

MouseOver & MouseDown - Changing Opacity and Borders



User: Zahid H. 12 years ago
EverWeb has definitely filled a hole that iWeb left vacant so long ago!

Power users may frown at such WYSIWIG applications, but what was great about iWeb (and now EverWeb) was the potential that more adventurous users could unleash by creative use of the html snippet and tinkering with the code.

On to my feature request...

MouseOver: It would be great if this could also impact opacity and borders. Currently, the setting for opacity and borders is fixed for all 3 of normal, mouseover, and mousedown. An example can be seen on my old iWeb site here "http://zizimages.com/La_Galerie.html". Simple and effective graphical effect.

MouseDown: For mobile devices, is this the same as "press + hold" i.e. the action on iPhones to move or delete icons on the home screen? Is there a function/ code, that would offer the same effect as described above (change in opacity & border) when the image is simply touched (no need to hold down)? As on the iPhone when touching any icons on the home screen.

Thanks for all your great work!
User: Roddy 12 years ago
Now that all browsers support CSS transitions in their latest versions these can be used to replace flash and javascript for many effects.

The hover state is probably the best known one and the easiest to understand. Transitions allow the hover state to happen gradually rather than abruptly and can be applied to the background color or image, border and most other elements.

MouseDown is similar to the CSS active pseudo class and is the state that exists when the mouse is actually pressed. iOS buttons have something similar to this in that a grey focus ring appears briefly when a user input is tapped to let them know that something is about to happen. This function is built in to iOS since it obviously doesn't recognize hover or mouse down.

-------------------------------
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.