CODE FOR CSS HOVER EFFECTS - PART 1
<html>
<head>
<title>mj page</title>
<style type="text/css">
#link
{
background-color: red;
width: 200px;
height: 200px;
}
#link:hover
{
background-image: linear-gradient(red, yellow);
box-shadow: 10px 10px 200px black ;
}
</style>
</head>
<body>
<div id="link">
<a href="#">this is a link</a>
</div>
</body>
</html>