buttons that drop-shadow on mouseover**.

Has anyone succeeded in creating a web app, with many large buttons?
link please.

success implies instant response ~.005s
my experience is that with nine buttons 150 x 50 the delay is marked ~1s
either Webkit or Opera*

as the mouse can easily cover many buttons/second this is clearly not  
acceptable.

testcase attached

regards

Jonathan Chetwynd

**Many contributors such as Jeff, Nicu et al. have used filters with  
buttons to create  drop-down shadows.

Old machines have smaller screens, but slower processors....

*Mozilla doesn't yet support begin for animations.

--

<rect id="playersShadow" width="33" height="13" x="357" y="18" rx="7"  
ry="7" >
   <set attributeName="filter" to="url(#drop-shadow)"  
begin="playersButton.mouseover" end="playersButton.mouseout" />
</rect>
<rect id="playersButton" width="33" height="13" x="357" y="18" rx="7"  
ry="7"  onmousedown="buttonHandler(evt)" />

   <defs>
     <linearGradient id="aquaFill" x1="0" y1="0" x2="0" y2="1">
       <stop offset="0.0" stop-color="#dc1" />
       <stop offset="0.4" stop-color="#ed8" />
       <stop offset="1.0" stop-color="#ff9" />
     </linearGradient>
     <linearGradient id="highlightFill" x1="0" y1="0" x2="0" y2="1">
       <stop offset="0.0" stop-color="#fff" stop-opacity="0.66"/>
       <stop offset="0.66" stop-color="#fff" stop-opacity="0" />
     </linearGradient>
     <filter id="drop-shadow" filterUnits="userSpaceOnUse" >
       <feGaussianBlur in="SourceGraphic" result="blur-out"  
stdDeviation="1.5" />
       <feOffset in="blur-out" result="the-shadow" dx="1" dy="2" />
     </filter>

   </defs>


------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my 
membership"
----Yahoo! Groups Links

<*> To visit your group on the web, go to:
    http://groups.yahoo.com/group/svg-developers/

<*> Your email settings:
    Individual Email | Traditional

<*> To change settings online go to:
    http://groups.yahoo.com/group/svg-developers/join
    (Yahoo! ID required)

<*> To change settings via email:
    [email protected] 
    [email protected]

<*> To unsubscribe from this group, send an email to:
    [email protected]

<*> Your use of Yahoo! Groups is subject to:
    http://docs.yahoo.com/info/terms/

Reply via email to