استایلد دکمه زیبا (ساخت خودم)

تعداد بازدید: 951

god-of-dance

ارسال‌ها :180

عضويت:19 /8 /1392

محل زندگي:اهواز

شناسه ياهو:

تشکرها :20

تشکر شده :59

استایلد دکمه زیبا (ساخت خودم)

سلام دوستان

یه استایل دکمه و باکس قشنگ ساختم

امیدوارم خوشتون بیاد

این کد رو توی بخش head بذارید

کد:


<style>
button, 
input[type="button"], 
input[type="submit"],
input[type="reset"] 
 {
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(214, 214, 214) 100%) repeat scroll 0% 0% transparent;
	border: 1px solid silver;
	margin: 2px; 
	border-radius: 5px;
	padding: 3px 5px; 
	font: 12px b yekan; 
	text-shadow: 1px 1px 1px white;
	transition: all 0.5s ease 0s; 
}
button, 
input[type="button"]:hover,
input[type="submit"]:hover, 
input[type="reset"]:hover  
{
	box-shadow: 0px 3px 0px rgb(0, 55, 118), 0px 3px 6px rgba(0, 0, 0, 0.9);
	position: relative;  
	border-radius: 10px; 
	top: 2px;
	text-shadow: 0px 0px 1px  
}
</style>

این هم توی ادیتور تست کنین واسه دموش یا از ابززار مانیستر

کد:


<style>
button,
input[type="button"],
input[type="submit"],
input[type="reset"]
 {
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(214, 214, 214) 100%) repeat scroll 0% 0% transparent;
	border: 1px solid silver;
	margin: 2px;
	border-radius: 5px;
	padding: 3px 5px;
	font: 12px b yekan;
	text-shadow: 1px 1px 1px white;
	transition: all 0.5s ease 0s;
}
button,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover 
{
	box-shadow: 0px 3px 0px rgb(0, 55, 118), 0px 3px 6px rgba(0, 0, 0, 0.9);
	position: relative; 
	border-radius: 10px;
	top: 2px;   /*Blogjam.ir*/
	text-shadow: 0px 0px 1px 
}
</style>
<input type="button" value="مانیستر دات آی آر"></input>