如何完成这个jquery悬停/点击效果？ （链接）（图片） [英] how can i accomplish this jquery hover/click effect? (link)(image)

问题描述

我想为我的网站制作这样的按钮，不知道从哪里开始。我想用最简单的方法来完成/自定义这种悬停/点击动画效果。这在移动浏览器以及桌面上工作完美。

当您将鼠标悬停在清除按钮上时，它将会产生一个来自按钮中心的白色背景，并向左右扩展。

这将是惊人的，如果你可以提供一个运作的js小提琴。感谢这么多的每一个！我真的感谢您的支持！ ：）

  .btn-6d {
 border：2px dotted＃226fbe; 
} 
 
 .btn-6d：hover {
 background：transparent; 
 color：＃226fbe; 
} 
  

I want to make buttons like this for my website and have no idea where to begin. I would like the simplest way possible to accomplish/customize this hover/click animation effect. This works perfect on mobile browsers as well as desktop.

When you hover over the clear button it animates a white background originating from the center of the button and spreading to the left and right.

It would be amazing if your could provide a functioning js fiddle. Thanks so much every one! I really appreciate your support! :)

http://www.treadsack.com

解决方案

Follow this link on codrops

.btn-6d {
    border: 2px dashed #226fbe;
}

.btn-6d:hover {
    background: transparent;
    color: #226fbe;
}

这篇关于如何完成这个jquery悬停/点击效果？ （链接）（图片）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！