سلام عزیزم
ایشون از قابلیت لبه گرد استفاده کرده که در اینترنت اکسپلورر های رایج نمایش داده نمیشه و فقط در فایر فاکس هست
حالت عادی لبه گرد نداره و زمانیکه ماوس روش میره لبه گرد پیدا می کنه:
.text-ads {
border: 1px solid #DEDEDE;
-moz-border-radius: 10px; /* FF1+ */
-webkit-border-radius: 10px; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}
.text-ads h2 {
padding: 0 0 8px 0;
margin: 0 0 10px 0;
font-size: 1em;
text-indent: -999em;
overflow: hidden;
background:url(p30ads.png) left top no-repeat;
}
.text-ads li a, .text-ads li a:link {
color: #000;
display: block;
margin: 10px;
padding: 7px;
background: #f7f7f7;
-moz-transition: all 0.3s ease-out; /* FF4+ */
-o-transition: all 0.3s ease-out; /* Opera 10.5+ */
-webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
transition: all 0.3s ease-out;
}
.text-ads li a:hover {
-moz-border-radius: 20px 0 20px 0; /* FF1+ */
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-radius: 20px 0 20px 0; /* Saf3-4, iOS 1+, Android 1.5+ */
border-radius: 20px 0 20px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
color: #fff;
}
.text-ads li a.ads-blue:hover {
background: #00449B;
}
.text-ads li a.ads-red:hover {
background: #A40003;
}
.text-ads li a.ads-orange:hover {
background: #F38F00;
}
.text-ads li a.ads-green:hover {
background: #6E9000;
}