مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
آموزش انیمیشن در css

آموزش انیمیشن در CSS
با انیمیشن در CSS میتونین متن یا شکل مورد نظرتونو بازی بدین

نمونه زیر که میزارم فقط متن به بازی در میاد

استایل:
کد پی‌اچ‌پی:
<style
.
matn
{
    position:fixed;
    animation:myfirst 5s;
    -webkit-animation:myfirst 5s/* Safari and Chrome */
}

@
keyframes myfirst
{
0%   {left:0px;}
25%  {left:700px;}
50%  {left:500px;}
75%  {left:800px;}
100% {left:10px;}
}

@-
webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {left:0px;}
25%  {left:700px;}
50%  {left:500px;}
75%  {left:800px;}
100% {left:10px;}
}
</
style
کد :
کد پی‌اچ‌پی:
animationmyfirst 5s
مدت زمان رو مشخص میکنه

------------------------------------------
کد پی‌اچ‌پی:
myfirst 
اسم انیمیشن مورد نظر هست

کد فراخوانی :
کد پی‌اچ‌پی:
<div class="matn"Test Animation </div
اگر مشکلی بود مطرح کنید دوستان

تشکر و اعتبار یادتون نره

 نمونه و کد آماده :

.html   Animation.html (اندازه 767 بایت / تعداد دانلود: 40)

 


تصویر: https://pardazit.net/images/pardazit.net-468-60.gif
پاسخ
نمونه یا اسکرین شات هم بزاید خوب میشه


پاسخ
(۱۹ شهریور ۱۳۹۲، ۰۴:۴۹ ب.ظ)sepna نوشته:  نمونه یا اسکرین شات هم بزاید خوب میشه

دوست عزیز نمونه و کد آماده قرار داده شدHeart


تصویر: https://pardazit.net/images/pardazit.net-468-60.gif
پاسخ


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  آموزش ساخت گالری با css ERFAN-DESIGN 10 1,057 ۲۶ بهمن ۱۳۹۴، ۰۱:۲۳ ق.ظ
آخرین ارسال: Tofighi
  آموزش کامل Border-Radius mhdbadboy 0 640 ۰۵ اردیبهشت ۱۳۹۳، ۱۲:۴۷ ب.ظ
آخرین ارسال: mhdbadboy
Thumbs Up آموزش گردکردن عکس behnam 1 1,115 ۲۲ شهریور ۱۳۹۲، ۱۲:۵۰ ب.ظ
آخرین ارسال: rahnamafard
  آموزش بکگراند متحرک (انیمیشن با CSS) ••CentOS•• 0 1,512 ۲۱ شهریور ۱۳۹۲، ۱۰:۰۹ ب.ظ
آخرین ارسال: ••CentOS••
  آموزش انیمیشن در CSS سری 2 ••CentOS•• 0 950 ۱۹ شهریور ۱۳۹۲، ۰۷:۲۱ ب.ظ
آخرین ارسال: ••CentOS••
Star آموزش گرد کردن تصاویر با استفاده از css KoG 0 2,109 ۰۹ تير ۱۳۹۲، ۰۴:۵۶ ب.ظ
آخرین ارسال: KoG
  آموزش Blur کردن متن با css KoG 0 1,427 ۰۹ تير ۱۳۹۲، ۰۴:۴۳ ب.ظ
آخرین ارسال: KoG

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir