1

在看到其他一些人在几个不同的 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 有人有其他解决方案吗?

4

0 回答 0