Top
Home

Mouse Event

To add a mouse event to animation



.shadow{
border:6px solid red;
}


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script>
$(document).ready(function(){
$(".home").mouseover(function(){
$(".home").addClass("shadow");
});
$(".home").mouseout(function(){
$(".home").removeClass("shadow");
});
});
</script>




<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
   $(".moe").click(function(){
       $(".moe").toggleClass("shadow");
   });
});
</script>
<style>
.main {
   font-size: 120%;
   color: red;
}
</style>