bftarane
یک شنبه 19 آبان 1392, 08:39 صبح
سلام.
لطفاً عکس زیر رو ببینید
112670
فرض کنید لینک ارتباط با ما رو به صورت معمولی داریم و می خواهیم با hover اون قسمت سفید رنگ دیده بشه.
ممنون می شم راهنمایی کنید.
من با Box Shadow سعی کردم این کار رو انجام بدم به صورت زیر ولی نتیجه شکل زیر هست که دلخواهم نیست.
112671
<head runat="server">
<style type="text/css">
body
{
background:navy;
}
a
{
width:100px;height:100px;border-radius:50px; display:block; background:#fff; border:solid 1px #fff;
line-height:90px;
text-align:center;
text-decoration:none;
}
a:hover
{
box-shadow:0 0 50px 20px #fff;
}
</style>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#">صفحه اصلی</a>
</div>
</form>
</body>
</html>
ممنون.
لطفاً عکس زیر رو ببینید
112670
فرض کنید لینک ارتباط با ما رو به صورت معمولی داریم و می خواهیم با hover اون قسمت سفید رنگ دیده بشه.
ممنون می شم راهنمایی کنید.
من با Box Shadow سعی کردم این کار رو انجام بدم به صورت زیر ولی نتیجه شکل زیر هست که دلخواهم نیست.
112671
<head runat="server">
<style type="text/css">
body
{
background:navy;
}
a
{
width:100px;height:100px;border-radius:50px; display:block; background:#fff; border:solid 1px #fff;
line-height:90px;
text-align:center;
text-decoration:none;
}
a:hover
{
box-shadow:0 0 50px 20px #fff;
}
</style>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#">صفحه اصلی</a>
</div>
</form>
</body>
</html>
ممنون.