سلام . اولین کد آموزشی ساخت گرادینت توسط CSS3 را با قسمت Liner این آموزش آغاز میکنم. این ویژگی با مرورگرهای : فایرفاکس ۳٫۶ ، سافاری ۴ ، کروم ۵ سازگار است. -webkit-gradient(linear, left top, left bottombottom, from(red), to(white)); -moz-linear-gradient(red, white);
ساخت گرادینت با CSS3 قسمت دوم سلام . امروز با قسمت دوم آموزش ساخت گرادینت توسط CSS3 اومدم. این تکه کد نحوه ی ساخت گرادینت Reflected را به شما نشون میده. طبق آموزش قبلی این ویژگی هم با مرورگرهای زیر سازگار است: فایرفاکس ۳٫۶ سافاری ۴ کروم ۵ برای دریافت کد به ادامه مطلب مراجعه کنید. -webkit-gradient(linear, ,left ,top, ,rightright ,bottombottom, ,from(red), ,color-stop(50%, ,white), ,to(red)); -moz-linear-gradient(left ,top, ,red, ,white, ,red);
ساخت گرادینت با CSS3 قسمت آخر با سلامی دوباره ، آخرین قسمت آموزش ساخت گرادینت توسط زبان CSS3 را آغاز میکنم. امروز کد ساخت گرادینت Radial را برای استفاده شما عزیزان قرار میدهم. باز هم , طبق آموزش قبلی این ویژگی با مرورگرهای زیر سازگار است: فایرفاکس ۳٫۶ سافاری ۴ کروم ۵ برای مشاهده کد به ادامه مطلب مراجعه کنید: -webkit-gradient(radial, ,center ,center, ,۰, ,center ,center, ,۵۰, ,from(white), ,to(red)); -moz-radial-gradient(white, ,red);