マウスオーバーでヒラッとさせる



マウスオーバーでちょっと違うエフェクト

html

<div class="hover">ボタン</div>

jQuery

$(function(){
	$(".hover").mouseover(function(){
        $(this).css({
            opacity: "0.4",
            filter: "alpha(opacity=40)"
        });
		$(this).fadeTo("slow", 1.0);
	});
});

css

.hover {
    background-color: #ccc;
    width: 200px;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
}

こちらを参考にさせていただきました

http://jsdo.it/fctale/mLaO

シェアする

  • このエントリーをはてなブックマークに追加

フォローする