how to show a hover effect on Box Shadow
Source Code:-
<%@
Page Language="C#" AutoEventWireup="true" CodeFile="csshover.aspx.cs" Inherits="csshover" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
<title>CSS Hover
Effect</title>
<style type="text/css">
.box
{
width:
150px;
border:
2px solid #33CCFF;
padding:
10px;
}
.box:hover
{
-moz-box-shadow:
0 0 10px #ccc;
-webkit-box-shadow:
0 0 10px #ccc;
box-shadow:
0 0 10px ##FFFF99;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="box"> Move here your mouse </div>
</form>
</body>
</html>
Out Put:-
how to show a hover effect on Box Shadow
Reviewed by NEERAJ SRIVASTAVA
on
4:03:00 PM
Rating:
Reviewed by NEERAJ SRIVASTAVA
on
4:03:00 PM
Rating:
No comments: