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



امتیاز موضوع:
  • 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 بایت / تعداد دانلود: 42)

 


[عکس: pardazit.net-468-60.gif]
پاسخ
نمونه یا اسکرین شات هم بزاید خوب میشه


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

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


[عکس: pardazit.net-468-60.gif]
پاسخ
سلام ممنون از آموزشتون
برای اینکه نوشته با سرعت کمتری حرکت کنه باید این کد رو تغییر بدیم؟ animationmyfirst 5s


پاسخ
(۱۴ خرداد ۱۳۹۷، ۰۵:۲۶ ب.ظ)giftus نوشته:  سلام ممنون از آموزشتون
برای اینکه نوشته با سرعت کمتری حرکت کنه باید این کد رو تغییر بدیم؟ animationmyfirst 5s

‌سلام.
بله.


دعای خیر برای اعضای گروه مای بی‌بی فارسی را فراموش نکنید![عکس: lightbulb.gif]

HeartHeart خیلی التماس دعا دارم... دعام کنید لطفا HeartHeart

اگر از گروه مای بی‌بی فارسی راضی هستید، پس لطفا آنرا حمایت کنید: حمایت می‌کنم
پاسخ


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

پرش به انجمن:


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

1 مهمان


درباره‌ی ما

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