CSS实现鼠标移动到图片或按钮上缓慢变大,添加过渡动画效果,自定义动画时间。鼠标指向元素,元素变大CSS示例。
原文地址:https://vien.tech/article/154
效果示例
这里是一个效果示例:https://findcatsname.com/cats-do-know-their-own-names
我们可以看到页面顶部和底部都有分享的按钮。然后我把鼠标移动到其中一个按钮上:
可以看到,中间的按钮变大了。当然,图片看不出动画效果,大家可以自己去站点查看(好吧,我承认,这是我的站,想骗你进去,哈哈)。
实现代码
接下来我们就来用css实现这个样式