html – 在悬停时将按钮的宽度增加几个百分点

所以,我有这个.

HTML

我希望按钮一旦用鼠标悬停,增加约20％.我发现的问题是,如果我使用像“width：60px”这样的确切宽度,并不是每个按钮的大小都相同.

另一方面,如果我使用“width：120％”,我相信页面采用由.bgd类定义的整个#navholder元素的宽度.

关于如何实现这一目标的任何想法？

谢谢.

最佳答案

你可以使用transform: scale()

jsFiddle example

#nav a:hover {
    transform:scale(1.3,1.3);
    -webkit-transform:scale(1.3,1.3);
    -moz-transform:scale(1.3,1.3);
}

原文地址：https://www.jb51.cc/html/426496.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。