ساخت گراندینت با استفاده از سی اس اس ۳
با خواندن این آموزش می تونید با استفاده css3 گراندینت بسازید ! این کار در مرورگر های فایرفاکس ، سافاری و اینترنت اکسپلورر ۹ و مروگر هایی که از css3 پشتیبانی می کنن عمل می کنه.در این آموزش چند کد برای این کار قرار دادیم که طی پست بعدی سایر کد ها رو قرار خواهیم داد.
گراندینت از چپ به راست :
background: -moz-linear- gradient(left, #969696, #fff);
background: -webkit-gradient(linear, left center, right center,
from(#969696), to(#fff));
.
.
.
2.گراندینت از راست به چپ :
background:
-moz-linear-gradient(right, #969696, #fff); background:
-webkit-gradient(linear, right center, left center, from(#969696),
to(#fff));
.
.
.
3.گراندینت از بالا به پایین :
background:
-moz-linear-gradient(top, #969696, #fff); background:
-webkit-gradient(linear, center top, center bottom, from(#969696),
to(#fff));
.
.
.
4. گراندینت از پایین به بالا :
background:
-moz-linear-gradient(bottom, #969696, #fff); background:
-webkit-gradient(linear, center bottom, center top, from(#969696),
to(#fff));
.
.
برچسب‌ها : ساخت گراندینت,اموزش ساخت گراندیت
