[问题] 关于按钮的推挤 Hadamard PTT批踢踢实业坊

[问题] 关于按钮的推挤

楼主: 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

感谢

继续阅读

[问题] 求google关键字 cug990617 [问题] 寻找阵列中缺少的数字给P币5000jackjenny [问题] express实作todo list问题luckid [问题]jQuery image cropping pluginkiey [问题] 政府公开资讯用JSONP串接snowknife Fw: [问题] google map Marker class eventsuhang [情报] WordPress和Joomla网站:遭受jQuery攻击deepdish [问题] TCP client 接收多次data eventshinhwap Re: [问题] 新手入门关于 node.jsalpe Re: [问题] 新手入门关于 node.jstooto1985