最近在做公司的登录页,UE同学希望第三方登录的图标在hover的时候有一个圆形的缩放效果(原话是波纹效果-_-||),效果参考腾讯新闻和网易新闻的分享按钮。 腾讯新闻的分享按钮hover效果(新闻页面): 网易新闻的分享按钮hover效果(新闻页面): 看了一下这两个页面的源码,主要是用了 transform:scale() 和 transition ,自己的最终的实现效果如下: 实现思路大体是模仿网易新闻的,布局如下: