/ متحرک سازی با css3 در طراحی سایت
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: متحرک سازی با css3 در طراحی سایت

  1. #1
    elham1388 آنلاین نیست.
    elham1388
    کاربر سايت
    44نوشته8مورد پسند

    تاریخ عضویت
    Oct 2014
    شماره عضویت
    6930
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    19
    http://www.npco.net/

    متحرک سازی با css3 در طراحی سایت

    به واسط زبان CSS3 شما به اسانی می توانید ایفکت های متحرک سازی را در طراحی سایت خود پیاده نمایید. که در این صورت شما متحرک سازی را در کنار سرعت بالا در طراحی وب سایت خود اجرا می نمایید. البته در مرورگرها با ورژن های پایین این قابلیت پشتیبانی نمی شود.


    تعیین استایل های مختلف این امکان را فراهم می آورد که با تغییر و مرجع دهی به استایل های متفاوت، به نوعی تحرک در طراحی سایت خود ایجاد نمایید. در اینجا مثالی از نحوه جایدهی کد CSS3 در تگ div را به نمایش گذاشته ایم.


    div {
    -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    animation: myfirst 5s;
    }


    /* Chrome, Safari, Opera */
    @-webkit-keyframes myfirst {
    from {background: red;}
    to {background: yellow;}
    }


    /* Standard syntax */
    @keyframes myfirst {
    from {background: red;}
    to {background: yellow;}
    }








    شما می توانید به آسانی در میان استایل های مختلف و به هر مدت زمانی که قصد دارید تغییر و جابجایی نمایید. می توانید به خصیصه ها درصد ویا با استفاده از کلمه کلیدی "from" و "to" این تغییر را به نمایش بگذارید.





    /* Chrome, Safari, Opera */
    @-webkit-keyframes myfirst {
    0% {background: red;}
    25% {background: yellow;}
    50% {background: blue;}
    100% {background: green;}
    }


    /* Standard syntax */
    @keyframes myfirst {
    0% {background: red;}
    25% {background: yellow;}
    50% {background: blue;}
    100% {background: green;}
    }





    می بینید که به راحتی با اضافه نمودن کدهای CSS3 در طراحی سایت خود نماهای زیبا را در کنار سرعت بالا به صفحه وب سایت خود بیفزایید که به نوعی موجب جلب توجه و نظر کاربران سایت خود می شوید و در سئو وب سایت خود نقش مثبتی را ایفا می نمایید.



    منبع: متحرک سازی با CSS3 در طراحی سایت

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پاسخ: 11
    آخرين نوشته: 09-11-2014, 08:36 PM
  2. آموزش طراحی وب سایت با css3
    توسط ستاره پناهی در انجمن آموزش های گرافیکی
    پاسخ: 0
    آخرين نوشته: 08-18-2013, 03:14 AM
  3. یک سوال مهم در css3
    توسط MR.CSS در انجمن CSS
    پاسخ: 3
    آخرين نوشته: 03-23-2013, 02:27 AM
  4. پاسخ: 0
    آخرين نوشته: 11-11-2012, 04:35 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی