他の数人がこのクールなグロー効果をいくつかの異なる 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 他の解決策はありますか?