This article will show you how you can show mouse ever
effect on image mouse over. This article will show how you can use of css to
show image however effect in asp.net.
Some of my previous article are as follows: Display
ModalPopupExtender on Page Load In Asp.Net Using AjaxControlToolkit, C#.Net,
Dragable
ModalPopupExtender In Asp.Net Using AjaxControlToolkit, Resize
Image On The Bases Of Browser Size Using Css In Asp.Net, Add
Select text in Dropdownlist in Asp.Net OR Adding Default Select Option in the
DropDownList Using C#.Net in Asp.Net, Dynamic
Css Menu Creation in Asp.Net Using C#.Net, Simple
Login Form In Asp.Net Using C#.Net and VB.Net | How to Create Login Form in
Asp.Net Using C#.
So for this article first we will create a new asp.net
application and add the below code into the page.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm5.aspx.cs" Inherits="WebApplication1.WebForm5"
%>
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Use Of
Css To Show Image However Effect In Asp.Net</title>
<style>
.imageeffect:hover
{
width:
315px;
height:
240px;
-moz-box-shadow:
0 0 30px red;
-webkit-box-shadow:
0 0 30px red;
box-shadow:
0 0 30px red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="imageeffect">
<img src="Desert.jpg" />
</div>
</form>
</body>
</html>
|
In above code please check the style sheet in this style
sheet I have performed how you can show a red however effect using css.
<style>
.imageeffect:hover
{
width:
315px;
height:
240px;
-moz-box-shadow:
0 0 30px red;
-webkit-box-shadow:
0 0 30px red;
box-shadow:
0 0 30px red;
}
</style>
|
Now we have done run the application to check the output.
About the Author
0 comments:
Please let me know your view