CSS实现鼠标移动到图片或按钮上改变大小

内容简介：CSS实现鼠标移动到图片或按钮上缓慢变大，添加过渡动画效果，自定义动画时间。鼠标指向元素，元素变大CSS示例。这里是一个效果示例：

<button class="btn-share">Twitter</button>
<button class="btn-share">Pinterest</button>
<button class="btn-share" >Facebook</button>

.btn-share {
  transition: all 0.3s;
}

.btn-share:hover {
  transform: scale(1.3);
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• WPF 程序鼠标在窗口之外的时候，控件拿到的鼠标位置在哪里？
• 鼠标悬停动画效果
• wpf 模拟鼠标和键盘操作
• CSS3鼠标经过动画特效
• jQuery实现鼠标响应式淘宝动画效果示例
• 鼠标指针在Windows 10上滞后或冻结

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。