أقدم لكم درس تقنية Animation في CSS حيث سنتعرف على keyframes و خواص تقنية Animation التي هي animation-name و animation-duration و animation-timing-function و animation-delay و animation-iteration-count و animation-direction و animation-fill-mode و animation-play-state، و سنتعرف على قيمها، و أيضا سنتعرف على الخاصية Shorthand لتقنية Animation و التي هي الخاصية animation.
تجدون في هذا الدرس :
00:00 بداية الدرس
00:13 تعريف تقنية Animation
02:09 شرح أنواع Keyframes و الخاصيتين الإجباريتين animation-name و animation-duration
21:24 شرح الخاصية animation-timing-function
33:25 كيفية إنشاء سرعات حركية عبر آداة Inspect-element
38:40 شرح الخاصية animation-delay
42:14 شرح الخاصية animation-iteration-count
45:02 شرح الخاصية animation-direction
50:31 شرح الخاصية animation-fill-mode
59:09 شرح الخاصية animation-play-state
01:02:05 شرح الخاصية animation
فضلاً و ليس أمراً، المرجو الإشتراك في قناة ستارتايم للربح عبر الأنترنت https://bit.ly/2KTHasH
رابط الشرح الكتابي للموضوع : https://bit.ly/3cHz2aX
رابط مدونة ستارتايم للربح عبر الأنترنت : https://startimeweb.blogspot.com/
رابط صفحة المدونة على الفايسبوك : https://bit.ly/2T3gWpT
رابط صفحة المدونة على التويتر : https://bit.ly/2VdSgf1
#دورة_HTML_و_CSS #animation #animation_في_CSS #animation_in_css #keyframes #htmlcss #CSS #HTML #البرمجة #تعلم_HTML_CSS #كورس_HTML5 #كورس_CSS3 #HTML_و_CSS
الدرس 1 من دورة تعلم HTML و CSS
التعاريف و الوضائف و تنسيقات الأكواد للـ HTML و CSS لغتي البرمجة : /watch/Mf-o7xM9rh_9o
الدرس 2 من دورة تعلم HTML و CSS
إنشاء ملف HTML و ملف CSS و ربطهما : /watch/8XLg53PoYIHog
الدرس 3 من دورة تعلم HTML و CSS
التعليقات في HTML و CSS لغتي البرمجة : /watch/4-oXsIXHoTQHX
الدرس 4 من دورة تعلم HTML و CSS
العناوين و الفقرات النصية في HTML لغة البرمجة : /watch/0gdM6zdcUgpcM
الدرس 5 من دورة تعلم HTML و CSS
مستويات الأهمية و الإضافات في النصوص : /watch/crnumfn9tkF9u
الدرس 6 من دورة تعلم HTML و CSS
الأحياز و الرجوع إلى السطر و الفراغات في HTML لغة البرمجة : /watch/saYeD6s6AUF6e
الدرس 7 من دورة تعلم HTML و CSS
القوائم ( ul , ol , li , dl , dt , dd ) في HTML لغة البرمجة : /watch/Y3Ovls2qZFQqv
الدرس 8 من دورة تعلم HTML و CSS
الروابط في HTML لغة البرمجة : /watch/wPmT4CrhfdThT
الدرس 9 من دورة تعلم HTML و CSS
الصورة في HTML لغة البرمجة : /watch/cz4ol0lGhhEGo
الدرس 10 من دورة تعلم HTML و CSS
الفيديو في HTML لغة البرمجة : /watch/Ek12FegXP-EX2
الدرس 11 من دورة تعلم HTML و CSS
الأوديو في HTML لغة البرمجة : /watch/Msb0q6CAyLrA0
الدرس 12 من دورة تعلم HTML و CSS
المحددات Selectors في CSS لغة البرمجة : /watch/guH3Byv4J3b43
الدرس 13 من دورة تعلم HTML و CSS
أمكنة أكواد CSS و الإرث في CSS لغة البرمجة : /watch/MLDlnURNdsYNl
الدرس 14 من دورة تعلم HTML و CSS
العناصر DIV و SPAN و BDI في HTML لغة البرمجة : /watch/sfz1sgQ4Amu41
الدرس 15 من دورة تعلم HTML و CSS
الألوان و الشفافية في CSS لغة البرمجة : /watch/ArxGPOJgRxJgG
الدرس 16 من دورة تعلم HTML و CSS
الخلفيات الملونة و الخلفيات الصورية و Linear-Gradient و Radial-Gradient في CSS لغة البرمجة : /watch/QqeOs2PbQKKbO
الدرس 17 من دورة تعلم HTML و CSS
الخطوط في CSS لغة البرمجة : /watch/IQG4UeCy9RXy4
الدرس 18 من دورة تعلم HTML و CSS
الخواص font-size و font-style و font-weight في CSS لغة البرمجة : /watch/oZN4DA1eO4Ge4
الدرس 19 من دورة تعلم HTML و CSS
خواص التعديل على النصوص بـ CSS لغة البرمجة : /watch/kFLZbnQKUXEKZ
الدرس 20 من دورة تعلم HTML و CSS
خواص الحواف border و الخاصية box-shadow في CSS لغة البرمجة : /watch/gLYbyIX--cr-b
الدرس 21 من دورة تعلم HTML و CSS
العرض و الإرتفاع في CSS لغة البرمجة : /watch/IkP25qB7Tv572
الدرس 22 من دورة تعلم HTML و CSS
مفهوم و خواص Margin و Padding في CSS لغة البرمجة : /watch/8hZ-cuGlA4rl-
الدرس 23 من دورة تعلم HTML و CSS
الخاصية display في CSS لغة البرمجة : /watch/QZ5otlLQ01EQo
الدرس 24 من دورة تعلم HTML و CSS
الخاصية position في CSS لغة البرمجة : /watch/4ucEQawffJFfE
الدرس 25 من دورة تعلم HTML و CSS
الخاصية z-index في CSS لغة البرمجة : /watch/I8BdLTV3dpN3d
الدرس 26 من دورة تعلم HTML و CSS
الخواص float و clear و overflow في CSS لغة البرمجة : /watch/csPlQ8Dz9hczl
الدرس 27 من دورة تعلم HTML و CSS
المحددات المركبة Combinators و محددات Attribute في CSS لغة البرمجة : /watch/8KXuvlz3lt_3u
الدرس 28 من دورة تعلم HTML و CSS
التقنيتان Longhand و Shorthand في CSS لغة البرمجة : /watch/4ESLYwpB8frBL
الدرس 29 من دورة تعلم HTML و CSS
الجداول في HTML و CSS لغتا البرمجة : /watch/Mi8xksmFiE0Fx
الدرس 30 من دورة تعلم HTML و CSS
محددات Pseudo-classe في CSS لغة البرمجة : /watch/I7dpKV-BxXsBp
الدرس 31 من دورة تعلم HTML و CSS
محددات Pseudo-element في CSS لغة البرمجة : /watch/HcAfkCUGeOUf
الدرس 32 من دورة تعلم HTML و CSS
تقنية Transition في CSS لغة البرمجة : /watch/kN9JEl_oJJloJ
الدرس 33 من دورة تعلم HTML و CSS
تقنية Animation في CSS لغة البرمجة : /watch/kFp6gt3jil_j6