[問題] 關於按鈕的推擠

作者: Hadamard (大俠)   2016-04-21 10:47:32
或許從標題
並不容易了解我要表達的意思
簡單來說
小弟我是 javascript 的新手
現在我想要在網頁上
製作一些橢圓形的按鈕並排
當滑鼠滑入時
該顆按鈕會原地放大
同時造成左右兩側的按鈕推擠移動
效果如同任天堂網站
http://www.nintendo.com/amiibo
所示
不知此效果是否容易製作?
煩請版上高手指點~~
Thank you !!
作者: xiphoid ( )   2016-04-21 10:55:00
這是CSS的工作
作者: johnny9144 (Johnny)   2016-04-21 11:02:00
聽起來應該是用CSS 的hover 就可以解決了
作者: Hadamard (大俠)   2016-04-21 11:11:00
感謝1,2樓我所說按鈕放大,是希望x,y方向都放大於是我使用 transform:scale() 將按鈕放大但是其餘按鈕卻失去推擠的效果
作者: xiphoid ( )   2016-04-21 12:03:00
任天堂網站只加大padding跟font-sizehttp://i.imgur.com/HKzbzl8.png
作者: Hadamard (大俠)   2016-04-21 12:20:00
感謝樓上,我再試做看看
作者: johnny9144 (Johnny)   2016-04-21 13:32:00
那你就用CSS的 margin padding 在hover的時候去做變化 X Y 方向 你想怎麼控制都沒問題
作者: Hadamard (大俠)   2016-04-21 14:20:00
感謝

Links booklink

Contact Us: admin [ a t ] ucptt.com