فیلم آموزشی طراحی انیمیشن در وب سایت توسط CSS

[vc_row][vc_column][vc_custom_heading text=”معرفی اجمالی دوره” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]به دوره آموزشی “طراحی انیمیشن توسط css” خوش آمدید.

ویدیوهای این دوره آموزشی به زبان انگلیسی هستند (با فرمت MP4) که در 8 فصل در اختیار شما عزیزان قرار گرفته است. دانلود فصل اول دوره رایگان است و نیاز به ثبت نام ندارد. اما برای مشاهده و دانلود فصل های 2 به بعد باید در دوره بصورت رایگان ثبت نام کنید. در نهایت می توانید زیرنویس انگلیسی دوره را در قالب فایل pdf دانلود نمایید.[/vc_column_text][vc_custom_heading text=”اهداف این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_row_inner][vc_column_inner][vc_column_text]

• Activating Transitions
• Using Keyframe Animations
• Using Easing and Cubic Bezier Curves
• و…

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_custom_heading text=”پیش نیاز های این دوره آموزشی” font_container=”tag:h4|text_align:right” use_theme_fonts=”yes”][vc_column_text]تسلط کامل به HTML و CSS[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][cdb_course_lessons arrow_sections=”true” title=”1. فصل اول (Animating in the Browser)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.1 Introduction” subtitle=”01:47″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/1-Introduction.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/1-Introduction.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.2 Why Animate our UI” subtitle=”02:19″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/2-Why-Animate-our-UI.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/2-Why-Animate-our-UI.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.3 Principals of Animation” subtitle=”03:03″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/3-Principals-of-Animation.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/3-Principals-of-Animation.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.4 Setting up our Environment” subtitle=”02:18″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/4-Setting-up-our-Environment.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/4-Setting-up-our-Environment.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” title=”1.5 Why Not Javascript” subtitle=”02:08″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/5-Why-Not-Javascript.mp4″ preview_video=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/5-Why-Not-Javascript.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”2. فصل دوم (Transitions – From A to B)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.1 Introduction to Transitions” subtitle=”03:09″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/6-Introduction-to-Transitions.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”2.2 Activating Transitions” subtitle=”07:06″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/7-Activating-Transitions.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”3. فصل سوم (Keyframe Animations)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.1 Creating Keyframes” subtitle=”07:07″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/8-Creating-Keyframes.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”3.2 Using Keyframe Animations” subtitle=”13:15″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/9-Using-Keyframe-Animations.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”4. فصل چهارم (Easing and Timing Functions)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.1 Introduction to Timing Functions” subtitle=”02:13″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/10-Introduction-to-Timing-Functions.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”4.2 Using Easing and Cubic Bezier Curves” subtitle=”08:06″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/11-Using-Easing-and-Cubic-Bezier-Curves.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”5. فصل پنجم (Putting it all Together)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.1 When to Use Transitions, When to Use Animations” subtitle=”02:26″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/12-When-to-Use-Transitions-When-to-Use-Animations.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.2 Multiple Transitions” subtitle=”03:12″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/13-Multiple-Transitions.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.3 Multiple Animations” subtitle=”03:33″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/14-Multiple-Animations.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”5.4 Activating Animations on Scroll” subtitle=”03:56″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/15-Activating-Animations-on-Scroll.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”6. فصل ششم (Browser Considerations)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.1 Browser Compatibility” subtitle=”05:20″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/16-Browser-Compatibility.mp4″][/cdb_course_lesson][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”6.2 Performance Considerations” subtitle=”04:35″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/17-Performance-Considerations.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”7. فصل هفتم (Accessibility and Animations)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”7.1 Minimising Distraction and Motion Sickness” subtitle=”03:09″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/18-Minimising-Distraction-and-Motion-Sickness.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”8. فصل هشتم (Course Conclusion)”][cdb_course_lesson icon=”fas fa-play-circle” badge=”video” private_lesson=”true” title=”8.1 Wrap up and next steps” subtitle=”01:05″ download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/19-Wrap-up-and-next-steps.mp4″][/cdb_course_lesson][/cdb_course_lessons][vc_empty_space][cdb_course_lessons arrow_sections=”true” title=”زیرنویس دوره” css=”.vc_custom_1619196795674{background-color: rgba(179,214,188,0.65) !important;*background-color: rgb(179,214,188) !important;}”][cdb_course_lesson icon=”far fa-file-pdf” badge=”attachments” private_lesson=”true” title=”دانلود زیرنویس انگلیسی دوره” download_lesson=”https://dl.rahkarino.com/video/web-design/creating-animations-with-css/subtitle.rar”][/cdb_course_lesson][/cdb_course_lessons][/vc_column][/vc_row]