کتاب صوتی CSS for Animations: انیمیشن‌های پیچیده با CSS

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS for Animations: انیمیشن‌های پیچیده با CSS

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

• 1. مقدمه بر CSS برای انیمیشن
• 2. تاریخچه انیمیشن در وب
• 3. چرا از CSS برای انیمیشن استفاده کنیم؟
• 4. مقایسه CSS Animations با JavaScript Animations
• 5. مبانی CSS: انتخابگرها (Selectors)
• 6. مبانی CSS: خصوصیات (Properties)
• 7. مبانی CSS: مقادیر (Values)
• 8. مبانی CSS: واحدها (Units)
• 9. مبانی CSS: کادربندی (Box Model)
• 10. مبانی CSS: موقعیت‌دهی (Positioning)
• 11. مبانی CSS: Display و Visibility
• 12. مبانی CSS: Float و Clear
• 13. مبانی CSS: Flexbox برای چیدمان
• 14. مبانی CSS: Grid برای چیدمان
• 15. مقدمه بر انیمیشن با CSS
• 16. نحوه تعریف Keyframes
• 17. دستور @keyframes
• 18. دستور from و to
• 19. دستور percentage
• 20. نام‌گذاری Keyframes
• 21. ترکیب Keyframes
• 22. استفاده از Timing Functions
• 23. دستور animation-timing-function
• 24. linear
• 25. ease
• 26. ease-in
• 27. ease-out
• 28. ease-in-out
• 29. cubic-bezier
• 30. step-start
• 31. step-end
• 32. steps()
• 33. پخش کردن انیمیشن
• 34. دستور animation-iteration-count
• 35. , 2, 3...
• 36. infinite
• 37. کنترل جهت انیمیشن
• 38. دستور animation-direction
• 39. normal
• 40. reverse
• 41. alternate
• 42. alternate-reverse
• 43. تعیین مدت زمان انیمیشن
• 44. دستور animation-duration
• 45. واحد ثانیه (s)
• 46. واحد میلی‌ثانیه (ms)
• 47. توقف انیمیشن (Delay)
• 48. دستور animation-delay
• 49. واحد ثانیه (s)
• 50. واحد میلی‌ثانیه (ms)
• 51. تغییر وضعیت نهایی انیمیشن
• 52. دستور animation-fill-mode
• 53. none
• 54. forwards
• 55. backwards
• 56. both
• 57. نام انیمیشن
• 58. دستور animation-name
• 59. استفاده از Shorthand Property
• 60. دستور animation
• 61. ترکیب خصوصیات انیمیشن
• 62. نکات مهم در استفاده از Shorthand
• 63. انیمیشن خصوصیات Transform
• 64. دستور transform
• 65. translate()
• 66. translateX()
• 67. translateY()
• 68. translateZ()
• 69. scale()
• 70. scaleX()
• 71. scaleY()
• 72. scaleZ()
• 73. rotate()
• 74. rotateX()
• 75. rotateY()
• 76. rotateZ()
• 77. skew()
• 78. skewX()
• 79. skewY()
• 80. transform-origin
• 81. انیمیشن خصوصیات Transition
• 82. دستور transition-property
• 83. دستور transition-duration
• 84. دستور transition-timing-function
• 85. دستور transition-delay
• 86. دستور transition (Shorthand)
• 87. مقایسه Animations و Transitions
• 88. زمان‌بندی و قابلیت‌ها
• 89. استفاده از Transitions برای رویدادها
• 90. انیمیشن پس‌زمینه (Background)
• 91. animation-background-position
• 92. animation-background-size
• 93. animation-background-color
• 94. انیمیشن متن (Text)
• 95. animation-text-indent
• 96. animation-letter-spacing
• 97. animation-word-spacing
• 98. انیمیشن رنگ (Color)
• 99. animation-color
• 100. animation-opacity