作者Hadamard (大俠)
看板Ajax
標題[問題] 關於按鈕的推擠
時間Thu Apr 21 10:47:32 2016
或許從標題
並不容易了解我要表達的意思
簡單來說
小弟我是 javascript 的新手
現在我想要在網頁上
製作一些橢圓形的按鈕並排
當滑鼠滑入時
該顆按鈕會原地放大
同時造成左右兩側的按鈕推擠移動
效果如同任天堂網站
http://www.nintendo.com/amiibo
所示
不知此效果是否容易製作?
煩請版上高手指點~~
Thank you !!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.151.14
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1461206857.A.F92.html
1F：推 xiphoid: 這是CSS的工作 04/21 10:55
2F：推 johnny9144: 聽起來應該是用CSS 的hover 就可以解決了 04/21 11:02
3F：→ Hadamard: 感謝1,2樓 04/21 11:11
4F：→ Hadamard: 我所說按鈕放大,是希望x,y方向都放大 04/21 11:12
5F：→ Hadamard: 於是我使用 transform:scale() 將按鈕放大 04/21 11:13
6F：→ Hadamard: 但是其餘按鈕卻失去推擠的效果 04/21 11:14
7F：推 xiphoid: 任天堂網站只加大padding跟font-size 04/21 12:03
9F：→ Hadamard: 感謝樓上,我再試做看看 04/21 12:20
10F：→ johnny9144: 那你就用CSS的 margin padding 在hover的時候去做變 04/21 13:32
11F：→ johnny9144: 化 X Y 方向 你想怎麼控制都沒問題 04/21 13:32
12F：→ Hadamard: 感謝 04/21 14:20