PTT數位生活區 / Ajax

[問題] 關於按鈕的推擠

看板Ajax作者 (大俠)時間8年前 (2016/04/21 10:47), 編輯推噓3(3推 0噓 9→)
留言12則, 3人參與, 最新討論串1/1
或許從標題 並不容易了解我要表達的意思 簡單來說 小弟我是 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
推
04/21 10:55, , 1F
這是CSS的工作
04/21 10:55, 1F
推
04/21 11:02, , 2F
聽起來應該是用CSS 的hover 就可以解決了
04/21 11:02, 2F
→
04/21 11:11, , 3F
感謝1,2樓
04/21 11:11, 3F
→
04/21 11:12, , 4F
我所說按鈕放大,是希望x,y方向都放大
04/21 11:12, 4F
→
04/21 11:13, , 5F
於是我使用 transform:scale() 將按鈕放大
04/21 11:13, 5F
→
04/21 11:14, , 6F
但是其餘按鈕卻失去推擠的效果
04/21 11:14, 6F
推
04/21 12:03, , 7F
任天堂網站只加大padding跟font-size
04/21 12:03, 7F
→
04/21 12:17, , 8F
04/21 12:17, 8F
→
04/21 12:20, , 9F
感謝樓上,我再試做看看
04/21 12:20, 9F
→
04/21 13:32, , 10F
那你就用CSS的 margin padding 在hover的時候去做變
04/21 13:32, 10F
→
04/21 13:32, , 11F
化 X Y 方向 你想怎麼控制都沒問題
04/21 13:32, 11F
→
04/21 14:20, , 12F
感謝
04/21 14:20, 12F
‣ 更多 Hadamard 的文章
文章代碼(AID): #1N63z9-I (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 Hadamard 的文章
文章代碼(AID): #1N63z9-I (Ajax)