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

ساخت گرادینت با CSS3

شروع موضوع توسط minaaa ‏30/10/11 در انجمن CSS

  1. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,773
    تشکر شده:
    6,457
    امتیاز دستاورد:
    113
    قسمت اول
    سلام . اولین کد آموزشی ساخت گرادینت توسط
    CSS3 را با قسمت Liner این آموزش آغاز میکنم. این ویژگی با مرورگرهای :
    فایرفاکس ۳٫۶ ، سافاری ۴ ، کروم ۵ سازگار است.
    ​
    برای دریافت کد به ادامه مطلب مراجعه کنید.

    [​IMG]
    ​



    ​
    ​
    ​
    -webkit-gradient(linear, left top, left bottombottom, from(red), to(white));

    -moz-linear-gradient(red, white);

    ​

    ​

    ​
     
  2. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,773
    تشکر شده:
    6,457
    امتیاز دستاورد:
    113
    پاسخ : ساخت گرادینت با CSS3

    ساخت گرادینت با 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. کاربر پیشرفته

    تاریخ عضویت:
    ‏9/12/10
    ارسال ها:
    19,773
    تشکر شده:
    6,457
    امتیاز دستاورد:
    113
    پاسخ : ساخت گرادینت با CSS3

    ساخت گرادینت با CSS3 قسمت آخر
    با سلامی دوباره ، آخرین قسمت آموزش ساخت گرادینت توسط زبان CSS3 را
    آغاز میکنم. امروز کد ساخت گرادینت Radial را برای استفاده شما عزیزان قرار
    میدهم. باز هم طبق آموزش قبلی این ویژگی با مرورگرهای زیر سازگار است:

    فایرفاکس ۳٫۶

    سافاری ۴

    کروم ۵

    برای مشاهده کد به ادامه مطلب مراجعه کنید:

    [​IMG]
    ​
    -webkit-gradient(radial, center center, ۰, center center, ۵۰, from(white), to(red));
    ​
    -moz-radial-gradient(white, red);​