1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

ساخت گرادینت با css3 قسمت اول

شروع موضوع توسط MiTra ‏15/12/10 در انجمن CSS

  1. پیشکسوت انجمن کاربر ارزشمند❤

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    11,734
    تشکر شده:
    3,539
    امتیاز دستاورد:
    113
    سلام . اولین کد آموزشی ساخت گرادینت توسط
    CSS3 را با قسمت Liner این آموزش آغاز میکنم. این ویژگی با مرورگرهای :
    فایرفاکس ۳٫۶ ، سافاری ۴ ، کروم ۵ سازگار است.​


    [​IMG]







    -webkit-gradient(linear, left top, left bottombottom, from(red), to(white));
    -moz-linear-gradient(red, white);
     
  2. پیشکسوت انجمن کاربر ارزشمند❤

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    11,734
    تشکر شده:
    3,539
    امتیاز دستاورد:
    113
    ساخت گرادینت با CSS3 قسمت دوم
    سلام . امروز با قسمت دوم آموزش ساخت گرادینت توسط CSS3 اومدم. این تکه
    کد نحوه ی ساخت گرادینت Reflected را به شما نشون میده. طبق آموزش قبلی این
    ویژگی هم با مرورگرهای زیر سازگار است:
    فایرفاکس ۳٫۶
    سافاری ۴
    کروم ۵
    برای دریافت کد به ادامه مطلب مراجعه کنید.
    [​IMG]

    -webkit-gradient(linear, ,left ,top, ,rightright ,bottombottom, ,from(red), ,color-stop(50%, ,white), ,to(red));​
    -moz-linear-gradient(left ,top, ,red, ,white, ,red);​
     
  3. پیشکسوت انجمن کاربر ارزشمند❤

    تاریخ عضویت:
    ‏11/11/10
    ارسال ها:
    11,734
    تشکر شده:
    3,539
    امتیاز دستاورد:
    113
    ساخت گرادینت با CSS3 قسمت آخر
    با سلامی دوباره ، آخرین قسمت آموزش ساخت گرادینت توسط زبان CSS3 را
    آغاز میکنم. امروز کد ساخت گرادینت Radial را برای استفاده شما عزیزان قرار
    میدهم. باز هم , طبق آموزش قبلی این ویژگی با مرورگرهای زیر سازگار است:
    فایرفاکس ۳٫۶
    سافاری ۴
    کروم ۵
    برای مشاهده کد به ادامه مطلب مراجعه کنید:
    [​IMG]
    -webkit-gradient(radial, ,center ,center, ,۰, ,center ,center, ,۵۰, ,from(white), ,to(red));​
    -moz-radial-gradient(white, ,red);​