درود شما به صورت میهمان وارد شده اید. جهت استفاده از امکانات لازم است عضو شوید
***گروه جدید تعمیرات تلگرام کورد جی اس ام***
برای عضویت کلیک کنید
جديد ترين اخبار و مسائل مرتبط با كُــــورد جي اس ام را زين پس در کانال تلگرام كُــــورد جي اس دنبال کنيد
نمایش نتایج: از شماره 1 تا 1 , از مجموع 1

موضوع: آموزش ساخت افکت رنگین کمانی متن با css و svg

  1. Top | #1
    آموزش ساخت افکت رنگین کمانی متن با css و svg

    آموزش ساخت افکت رنگین کمانی متن با css و svg آموزش ساخت افکت رنگین کمانی متن با css و svg آموزش ساخت افکت رنگین کمانی متن با css و svg آموزش ساخت افکت رنگین کمانی متن با css و svg آموزش ساخت افکت رنگین کمانی متن با css و svg


    عنوان کاربر
    مدير باز نشسته
    تاریخ عضویت
    _October_2011
    شماره عضویت
    5965
    نوشته ها
    2,897
    تشکر
    5,429
    تشکر شده 4,303 بار در 1,759 ارسال
    سیستم عامل و مرورگر
    ميزان امتياز
    371

    آموزش ساخت افکت رنگین کمانی متن با css و svg

    یجاد فایل css
    یک فایل css ایجاد کنید و نام آن را example بگذارید، سپس کدهای زیر را در آن قرار دهید
    #bkDiv
    {
    background: -webkit-linear-gradient(90deg, transparent 0%, #31009c 10%,
    #۰۰۰۰۸۴ ۲۵%,#۰۰۹cff 37%,#00bd00 50%,#fff700 62%,#ff6331 75%,#de0000 90%,
    transparent 100%);
    background: linear-gradient(0deg, transparent 0%, #31009c 10%,
    #۰۰۰۰۸۴ ۲۵%,#۰۰۹cff 37%,#00bd00 50%,#fff700 62%,#ff6331 75%,#de0000 90%,
    transparent 100%);
    background-color: #333;
    background-size: 10px 125px;
    background-repeat:repeat;
    height:100px;
    width:650px;

    background-position:center -65px;
    transition: background-position 1s;
    -webkit-transition: background-position 1s;
    }
    #bkDiv:hover
    {
    background-position:center 0px;
    }
    #theText
    {
    font-family:Impact, Charcoal, sans-serif;
    font-size:65px;
    stroke:#000;
    stroke-width:3px;
    fill-opacity:0.5;
    }


    [براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد براي عضويت در سايت اينجا کليک کنيد]
  2. و در صورتي که شما عضو سايت هستيد و لينكها مخفي هستند
    براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد]

    ایجاد فایل html
    یک فایل html ایجاد کنید و کدهای زیر را در آن درج کنید
    <div align="center">
    <div id="bkDiv">
    <svg width="100%" height="100%">
    <defs>
    <mask id="theMask">
    <rect width="100%" height="100%" fill="#fff" />
    <text x="5" y="65" id="theText" fill="#000">Welcome to my website</text>
    </mask>
    </defs>
    <rect width="100%" height="100%" mask="url(#theMask)" fill="#fff" />
    </svg>
    </div>
    </div>


    در کد بالا،به جای نوشته Welcome to my website متن مورد نظر خود را قرار دهید
    [براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد براي عضويت در سايت اينجا کليک کنيد]
  3. و در صورتي که شما عضو سايت هستيد و لينكها مخفي هستند
    براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد]

    فراخوانی فایل css
    خب تا اینجای کار ما فایلهای css و html را آماده کردیم،حالا باید فایل css را در html فراخوانی کنیم تا بین این ۲ فایل ارتباط و افکت متن ما آماده شود.نکته مهم:اگر از این افکت برای سایتتان میخواهید استفاده کنید،کافیست کدهای فایل css را در قسمتی از فایل css قالب وبسایتتان درج کنید و کدهای html آن را هم در قسمت مناسبی از سایتتان قرار دهید.
    برای ایجاد فراخوانی کافیست کد زیر را در بالای کدهای فایل css درج کنید.
    <link rel="stylesheet" href="example.css" type="text/css" />


    اگر هر گونه سوالی راجع به این آموزش داشتید، لطفا از طریق قسمت نظرات آن را مطرح نمایید
    برای دیدن لینکها
    برای دیدن لینکها براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد] کلیک کنید
    کلیک کنید

    برای دیدن لینکها
    برای دیدن لینکها براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد] کلیک کنید
    کلیک کنید


  4. 2 کاربر به خاطر ارسال مفید سفیر از ایشان تشکر کرده اند: KORD GSM (2016_01_07), موبایل الیکا (2016_01_07)
    امضای ایشان
    برای دیدن لینکها براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد] کلیک کنید



    برای دیدن لینکها براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد] کلیک کنید



    برای دیدن لینکها براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد] کلیک کنید
    برای دیدن لینکها براي ديدن لينکها و تصاوير بايد عضو سايت و يا كاربر-VIP باشيد] کلیک کنید

    فروش باکس .کابل
    حذف ایکلود

    09357314840
    id:safir_iran


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

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

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

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

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
">
© تمامی حقوق برای انجمن كُـــــرد جي اس ام محفوظ بوده و هرگونه کپی برداري از محتوای انجمن پيگرد قانونی دارد
کانال تلگرام سایت