loading...

ابزارها قالب

افکت مربوط به متن برای ایجاد حالتی که متن مورد نظر در آن بزرگ و کوچک می شود

تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
آخرین ارسال های انجمن
حمیدرضا بازدید : 1738 شنبه 30 خرداد 1394 نظرات (0)

این یک افکت فول سی اس اس است که شما با استفاده از آن می توانید به متن مورد نظر خود حالت متحرک بدهید. این افکت به متن تغییر اندازه می دهد و آن را مدام کوچک و بزرگ می کند. ابتدا متن در اندازه ی اصلی خودش خواهد بود و بعد از 0.5ثانیه به اندازه ی دوبرابر می رسد. شما می توانید با دنبال کردن توضیحاتی که در پایین قرار داده شده است ، این زمان ها و اندازه ها را به دلخواه خود تغییر دهید. این افکت با استفاده از animation در سی اس اس ایجاد شده است. شما می توانید اطلاعاتی را در این باره در مطلب آموزش ایجاد چرخش مداوم با css به دست آورید.

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

پیشنهاد می کنم اگر دوستدار یادگیری هستید و تا حدی با کد های سی اس اس آشنایی دارید سعی کنید کد ها را متوجه بشوید. من کد ها را پیچیده ننوشته ام و اگر بخواهید احتمالا می توانید.

برای استفاده از این افکت باید ابتدا یک فایل css را در صفحه ی خود وارد کنید. برای این کار ، کد زیر را در بین <head> و </head> قرار دهید:

<<<code>>>

<link rel="stylesheet" href="http://up.toolstheme.ir/view/306047/text-size-effect.css" />

<<</code>>>

بعد از این که کد بالا را در صفحه ی مورد نظر خود وارد کردید ، به راحتی می توانید با دادن کلاس زیر به هر شیئی در صفحه ، به متن داخل آن شی افکت بدهید.

<<<code>>>

text-size-effect

example: <div class="text-size-effect">متنی با این افکت</div>

<<</code>>>

اگر از این چیز ها سر در نمی آورید ، خیلی راحت و آسان با قرار دادن قسمت درشت (bold) کد بالا در قالب خود این افکت را ایجاد کنید. به جای "متنی با این افکت" هر متنی که دوست دارید وارد کنید.

برای دیدن دموی این کد به همراه سورس کد سی اس اس روی لینک زیر کلیک کنید.

دموساز

مطالب مرتبط
ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B :S
کد امنیتی
رفرش
کد امنیتی
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
ابزارهای خاص
جعبه ی پیوند لینک کوتاه کن رایگان ارزیابی آنلاین سایت و وبلاگ به صورت رایگان
تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
تبلیغات متنی
درباره ما
لوگوی ابزارها قالب
سایت ابزارها قالب برای خاص بودن آفریده شده است. به امید این که خاص ترین باشیم.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • تبلیغات
    تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 269
  • افراد آنلاین : 1
  • تعداد اعضا : 3195
  • آی پی امروز : 30
  • آی پی دیروز : 94
  • بازدید امروز : 296
  • باردید دیروز : 191
  • گوگل امروز : 3
  • گوگل دیروز : 9
  • بازدید هفته : 1,087
  • بازدید ماه : 9,584
  • بازدید سال : 100,954
  • بازدید کلی : 1,787,389
  • کدهای اختصاصی
    یادبود 175 شهید غواص
    یادبود 175 شهید غواص