如何完成这个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! :)
Follow this link on codrops
.btn-6d {
border: 2px dashed #226fbe;
}
.btn-6d:hover {
background: transparent;
color: #226fbe;
}
这篇关于如何完成这个jquery悬停/点击效果? (链接)(图片)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!