紫光元素 2018-2-5 04:43
<input name="submit" type="image" id="myImage" src="pic/checkout1.PNG" alt="PayPal - 更安全、更簡單的網上付款方式!" border="0">
這是一個送出按鈕, 如果我想滑鼠接觸myImage onMouseOver 及 onMouseOut時都transition-duration: 0.5s;(即廷遲0.5秒淡入及淡出), 請問如何寫? 我想ei chrome firefox都能顯示正常, thanks all~
[[i] 本帖最後由 紫光元素 於 2018-2-5 07:18 PM 編輯 [/i]]
kenbei01 2018-2-5 16:14
一般CSS transition做法係咁
#myImage { opacity: 1; transition: opacity .5s ease }
#myImage:hover { opacity: 0; }
如果要delay, transition-delay: ??; 或short-hand
transition: opacity .5s ease .5s;
第4個param就係delay
補充:盡量避免用JS處理呢類eventListener
[[i] 本帖最後由 kenbei01 於 2018-2-5 04:17 PM 編輯 [/i]]
紫光元素 2018-2-5 19:15
[attach]7875835[/attach]
唔係呀, 其實我係想咁樣, 不過ed程式碼論壇顯示唔到出黍, 我係到cap圖給各位高手了解
[[i] 本帖最後由 紫光元素 於 2018-2-6 08:05 PM 編輯 [/i]]
kenbei01 2018-2-7 16:16
[quote]原帖由 [i]紫光元素[/i] 於 2018-2-5 07:15 PM 發表 [url=http://www.discuss.com.hk/redirect.php?goto=findpost&pid=474884541&ptid=27226828][img]http://www.discuss.com.hk/images/common/back.gif[/img][/url]
唔係呀, 其實我係想咁樣, 不過ed程式碼論壇顯示唔到出黍, 我係到cap圖給各位高手了解 [/quote]
本身直接換source 會係sharp cut 要加fading effect 只有用JS 系mouseover度bind返你想要既野啦
紫光元素 2018-2-8 18:02
我想我的問題已解決了, Thanks高手們:loveliness: