دادن گرادیانت با css3
خلاصه میگم
با استفاده از Css3 میشه بدون استفاده از جاوااسکریپت و نرم افزار های مث photoshop قالب وب سایت رو طراحی کرد فقط با استفاده از کد
قابلیت گرادینت css3 یکی از این قابلیت هاس .که میشه بدون استفاده از عکس و فوتوشاپ به قالب وب سایتمون گرادیانت بدیم.
برای مثال در نمونه کدر زر من به تک body یک گرادیانت دادم
در این گرادیانت رنگ خاکستری با زاویه 90 درجه یعنی از چپ به راست به سمت رنگ سفید کشیده شده .
فقط مشکلی که وجود داره عدم ساپورت بعضی مرورگرهاس البته ورژهای قدیمی. (مخصوصا اینترنت اکسپلورر )
خلاصه واسه اطلاعات بیشتر به سایت w3schools.com مراجعه کنید.
البته شاید بگید که اینطوری گرادیانت دادن سخته ولی ی سایت هس که امکان تولید کد رو فراهم کرده که دقیقا مث photoshop گرادیانت رو اعمال می کنیم و این سایت قطعه کد مربوطه رو تولید میکنه، واسه این کار به لینک زیر مراجعه کنید.
http://www.colorzilla.com/gradient-editor/
ی سایت دیگه ام هس که با استفاده از اون میتونید تست کنید که مرورگرتون که الان دارید باهاش می چرخید، چقد و چ خواصی از Css3 رو ساپورت میکنه.
http://css3test.com/
امیدواروم مفید بوده باشه.
اگه مفید بوده ی صلوات بفرست.
<!DOCTYPE html>
<html>
<head>
<style>
body{
height: 200px;
background: -webkit-linear-gradient(90deg,gray, #fff); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg,gray,#fff); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(90deg,gray, #fff); /* For Firefox 3.6 to 15 */
background: linear-gradient(90deg,gray, #fff); /* Standard syntax (must be last) */
}
</style>
</head>
<body>
</body>
</html>
