作者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/cn.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