[問題] 關於按鈕的推擠

[Hadamard (大俠)]

或許從標題

並不容易了解我要表達的意思


簡單來說

小弟我是 javascript 的新手

現在我想要在網頁上

製作一些橢圓形的按鈕並排

當滑鼠滑入時

該顆按鈕會原地放大

同時造成左右兩側的按鈕推擠移動

效果如同任天堂網站

http://www.nintendo.com/amiibo

所示


不知此效果是否容易製作?

煩請版上高手指點~~

Thank you !!

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.151.14
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1461206857.A.F92.html
推 xiphoid: 這是CSS的工作
推 johnny9144: 聽起來應該是用CSS 的hover 就可以解決了
→ Hadamard: 感謝1,2樓
→ Hadamard: 我所說按鈕放大,是希望x,y方向都放大
→ Hadamard: 於是我使用 transform:scale() 將按鈕放大
→ Hadamard: 但是其餘按鈕卻失去推擠的效果
推 xiphoid: 任天堂網站只加大padding跟font-size
→ xiphoid: http://i.imgur.com/HKzbzl8.png
→ Hadamard: 感謝樓上,我再試做看看
→ johnny9144: 那你就用CSS的 margin padding 在hover的時候去做變
→ johnny9144: 化 X Y 方向 你想怎麼控制都沒問題
→ Hadamard: 感謝