شروع دوره پایتون از پنجشنبه 1 خرداد ، مقدماتی تا پیشرفته، بدون پیش نیاز شروع دوره پایتون از پنجشنبه 1 خرداد ، مقدماتی تا پیشرفته، بدون پیش نیاز
🎯 ثبت نام
ورود کاربر جدید هستید؟ ثبت نام کنید
مشاوره رایگان
مشخصات مقاله
  • 434
  • 0.0
  • 5983
  • 0
  • 0
|پروژه طراحی سایت|ساخت انواع منو با HTML|
  1. ساخت منو افقی و عمودی بوسیله HTML
  2. ساخت آیکون منو در طراحی وب سایت
  3. ساخت منو آکاردئون در وب سایت
  4. ساخت تب در وبسایت
  5. ساخت تب های عمودی در طراحی وب سایت
  6. ساخت سربرگ برای تب در وب سایت
  7. ساخت tab های تمام صفحه در وب سایت
  8. ساخت تب های شناور در طراحی وب سایت
  9. ایجاد نوار منو بالایی در وب سایت
  10. ایجاد منو ریسپانسیو در طراحی وب سایت
  11. ساخت آیکون های منو برای منو ریسپانسیو
  12. آموزش ساخت باکس جستجو در طراحی وب سایت
  13. آموزش ساخت سرچ بار در طراحی وب سایت
  14. آموزش منو ساید بار در طراحی وب سایت
  15. آموزش ایجاد ساید بار شناور
  16. آموزش ساخت ساید بار ریسپانسیو
  17. آموزش ساخت منو تمام صفحه در طراحی وب سایت
  18. آموزش off canvas menu در طراحی وب سایت
  19. آموزش ساخت ساید بار شناور در طراحی وب سایت
  20. آموزش ساخت ساید بار با آیکون های مختلف در طراحی سایت
  21. ساخت منو با اسکرول افقی در طراحی وب سایت
  22. آموزش ساخت منو عمودی در طراحی وب سایت
  23. آموزش ایجاد نوار پیمایشی در پایین صفحه
  24. ساخت نوار پیمایشی واکنش گرا در وب سایت
  25. آموزش ساخت منو دارای border در وبسایت
  26. آموزش ساخت منو راست چین و چپ چین بوسیله CSS
  27. آموزش ساخت منو با لینک های وسط چین با HTML , CSS
  28. آموزش ساخت لینک های هم عرض در منو با استفاده از css
  29. آموزش ساخت Fixed Menu در وبسایت
|پروژه طراحی وبسایت|آموزش کار با دکمه ها در HTML و CSS|
  1. آموزش ساخت دکمه هشدار در وب سایت حرفه ای
  2. آموزش طراحي دکمه های outline در سایت
  3. طراحي دکمه های چند بخشی (split button) در سایت
  4. آموزش ساخت دکمه های متحرک در سایت
  5. طراحی دکمه برای سایت با افکت Fading Buttons
  6. آموزش ساخت دکمه روي عکس (Button on Image) در وبسايت
  7. دکمه شبکه های اجتماعی در سایت
  8. نحوه اضافه کردن دکمه بیشتر یا کمتر بخوانید Read More
  9. آموزش اضافه کردن دکمه بارگذاری در وب سایت
  10. ساخت انواع دکمه دانلود
  11. آموزش طراحی دکمه Pill Buttons در وب
  12. آموزش ایجاد دکمه اعلان در سایت
  13. آموزش طراحی دکمه ایکون در website
  14. طراحی دکمه صفحه های قبلی و بعدی سایت
  15. آموزش طراحی منو برای دکمه بیشتر "More"
  16. آموزش ساخت دکمه های تمام عرض در سایت
  17. آموزش ساخت دکمه با متن
  18. گرد کردن گوشه دکمه ها با CSS
  19. آموزش ساخت دکمه Back to Top برای صفحات وب
|پروژه طراحی وب|آموزش کار با تصاویر در HTML و CSS|
  1. آموزش ساخت اسلايدشو براي وبسايت
  2. آموزش ساخت گالری اسلاید شو برای سایت
  3. آموزش ساخت Image Modal با استفاده از HTML و CSS3
  4. آموزش ساخت تصاویر لایت باکس
  5. طراحی شبکه تصاویر واکنش گرا
  6. آموزش Image Grid
  7. آموزش ساخت گالری تصاویر به صورت Tab
  8. آموزش افکت Image Hover Overlay
  9. آموزش طراحی افکت Image Overlay Slide برای تصاویر
  10. آموزش طراحی افکت Overlay Zoom Effect برای تصاویر
  11. آموزش طراحی افکت Image Overlay Title برای تصاویر
  12. آموزش طراحی افکت Image Overlay Icon برای عکس
  13. آموزش Image Effects
  14. آموزش افکت سیاه سفید کردن تصاویر
  15. آموزش افکت قرار دادن متن روی تصویر در سایت
  16. افکت قرار دادن بلوک های حاوی متن اطراف تصویر
  17. آموزش اضافه کردن متن شفاف به تصویر در وب سایت
  18. آموزش ایجاد پس زمینه تمام تصویر در css
  19. آموزش گذاشتن فرم روی تصویر در سایت
  20. تکنیک Hero header در طراحی سایت چیست؟
  21. آموزش مات کردن تصویر با css
  22. افکت تغییر پس‌ زمینه هنگام اسکرول کردن صفحه با CSS در سایت
  23. آموزش قرار دادن چند تصویر در کنار هم در سایت
  24. آموزش کار با ویژگی Rounded Images در css
  25. طراحی تصویر آواتار برای وب سایت
  26. آموزش طراحی تصویر واکنشگرا برای وب سایت
  27. آموزش قرار دادن عکس در وسط صفحه
  28. آموزش ساخت تصاویر کوچک Thumbnail
  29. نحوه ی اضافه کردن border به تصاویر
  30. طراحی صفحه Meet The Team
  31. آموزش طراحی Sticky Image در وبسایت
  32. آموزش نحوه چرخاندن یک تصویر با CSS
  33. متحرک سازی عکس با HTML,CSS

متحرک سازی عکس با HTML,CSS

دوره آموزش پایتون

آموزش متحرک سازی عکس با html,css

در این مقاله می آموزید که چطور با استفاده از CSS و Html یک تصویر را تکان دهید یا به لرزش درآورید.


کد CSS را وارد نمایید
مثال : 
                    

                    sampleImg

توجه: برای یادگیری بیشتر در مورد تغییرات سه بعدی ، به بخش اموزشی CSS 3D Transforms مراجعه کنید.


خروجی shake an image

آموزش نحوه چرخاندن یک تصویر با CSS
1403/03/08 5983 434
دانلود PDF
رمز عبور : tahlildadeh.com یا www.tahlildadeh.com
سوالات و نظرات
نظرات شما

نظرات خود را ثبت کنید...