yones_safari
سه شنبه 02 اسفند 1390, 23:47 عصر
درود.
عزیزم تو فتوشاپ اینکار رو چطوری میکنن؟؟؟اینجا هم همینطور باید عمل کنی!!!
یه div میسازی و بهش از چپ به راست گرادیانت میدی.از رنگ تیره به روشن.حالا عنصر مورد نظرت رو با فاصله 2px از اطراف درون div میزاری.
83134
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="yones" />
<title>Untitled 1</title>
</head>
<body>
<div style="width: 100px;height: 100px;
background-image: -ms-linear-gradient(left, #000000 0%, #B5B5B5 100%);
background-image: -moz-linear-gradient(left, #000000 0%, #B5B5B5 100%);
background-image: -o-linear-gradient(left, #000000 0%, #B5B5B5 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #000000), color-stop(1, #B5B5B5));
background-image: -webkit-linear-gradient(left, #000000 0%, #B5B5B5 100%);
background-image: linear-gradient(left, #000000 0%, #B5B5B5 100%);">
<div style="float:left;width: 96px;height: 96px;margin: 2px 2px;background: white;">
</div>
</div>
</body>
</html>
برای عناصر گرد روش بالا استفاده میشه.و برای عناصر مکعبی شکل میتونی از چپ بالا به راست پایین گرادیانت بدی که اینجوری خیلی طبیعی به نظر میرسه.
موفق باشید.