在看到其他一些人在几个不同的 iOS 应用程序中使用这种酷炫的发光效果后,今天才想出了这个简单的方法。我从这个社区的人们那里得到了很多帮助,我想我可以回馈一点。享受!
这是发光效果的一些简单 CSS(在本例中为白色)。当然,根据您的按钮宽度和高度,您可能需要调整顶部和底部 %。
.glow-hover-effect {
display:none;
background: #B4B2B2;
height:1px;
width:2px;
margin:0 auto;
z-index:500;
position:absolute;
top: 15%;
left: 47%;
-webkit-border-radius: 5em;
-webkit-box-shadow: 0px 0px 45px 30px rgba(255, 253, 253, 0.75);
}
.ftk50 {
position:relative;
z-index:100;
}
这是当您点击设备时播放的 jQuery。我也有兴趣看到一个更短的方法吗?
$('.ftk50').bind('touchstart', function() {
$('.glow-hover-effect').fadeIn();
});
$('.ftk50').bind('touchend', function() {
$('.glow-hover-effect').fadeOut();
});
示例 HTML
<div class="ftk50">
<div class="glow-hover-effect"></div>
<input type="button" value="Buy Now" data-ajax="false"/>
</div>
BAM 现在是您的样式,按钮上有发光效果。礼貌http://www.slickremix.com 有人有其他解决方案吗?