Бүх сургалт ХУГАЦААГҮЙ буюу НАСАН ТУРШИЙН!

Програмчлалын гүнзгий мэдлэггүйгээр 2D, 3D animation-ыг вэбийн орчинд хийж сурахыг хүсч байна уу? Тэгвэл та яг зөв газартаа байна.

Бид орчин үед интернэтээр зугаалж явахдаа маш гайхалтай эффект, хөдөлгөөн бүхий олон гоё дүрслэлүүдийг олж хардаг. Зөвхөн html, css ашиглан зарим хүний санаанд ч оромгүй гайхалтай зүйлсийг хийх боломжтой байдаг. CSS animation бол хэрэглэгчдийн сонирхлыг татаж, харцыг булаах, тэдний вэб сайттай ажиллах үйл ажиллагааг илүү хялбар, зугаатай болгоход маш чухал нөлөөтэй зүйл юм. Товчхондоо CSS animation нь таны вэб сайтыг амь оруулдаг гол хүчин зүйлсийн нэг гэсэн үг. Жирийн нэг товчлуурыг гоёмсог эффекттэй болгохоос эхлээд, ном мэт нээгддэг вэб хуудас, төрөл бүрээр хөдөлж буй хүн, амьтан зэрэг үнэхээр гайхалтай зүйлсийг ямар ч програмчлалын хэл ашиглалгүйгээр хийх боломжтой.

Эхлээд бид css-ийн хамгийн түгээмэл хийгддэг animation-уудтай танилцах бөгөөд тэдгээрийг ашиглан html элементүүдийг амь оруулах юм. Дараа нь transform property-г ашиглан дурын html элементийг вэб хуудсан дээрээ хүссэнээрээ хөдөлгөж, хэмжээг нь өөрчилж, эргүүлж тойруулж, өөрсөддөө ямар гайхалтай супер хүч байгааг олж мэдэх болно.

Мэдээж дараа нь сурсан зүйлсийнхээ тусламжтайгаар олон олон сонирхолтой жишээнүүдийг хийж гүйцэтгэнэ.

Сургалтын төгсгөлд та CSS animation-ийг бүрэн ойлгож авах бөгөөд өөрийн төсөөллөө бодит болгох хангалттай чадвартай болох юм. Таны төсөөлөл хэр гайхамшигтай байна, таны бүтээх зүйл яг л тийм байх болно.

Сургалт хэнд зориулагдсан бэ?

Энэхүү сургалт нь CSS-ийн мэдлэгээ улам сайжруулж, шинэ түвшинд гаргах, гоёмсог, харц булаам вэб сайт хийхийг хүссэн вэб хөгжүүлэгчид, вэб дизайнерууд, сонирхогчдод зориулагдсан. Мэдээж хэрэг вэб дээр суурилсан тоглоом хийхийг хүсдэг хүмүүс ч үзвэл зохилтой сургалт юм.

Шаардагдах зүйлс

Уг сургалтыг үзэхийн тулд танд HTML, CSS-ийн үндсэн ойлголт, ямар нэг компьютер, шинэ зүйл сурч, бүтээх чин хүсэл эрмэлзлэл байхад л болно

Энэхүү сургалт нь урьдчилсан захиалгаар нээгдэж байгаа бөгөөд багш өдөрт 1-5 хичээл нэмэх байдлаар хийж дуусгадаг болно. Урьдчилсан захиалгаар авахын давуу тал нь хамгийн хямд үнээр авах боломж юм.

За ингээд CSS-ийн гайхамшигт ертөнцөөр хамтдаа аялахыг урьж байна. Сургалтаараа эргэн уулзъя.



Доорхи видеог тоглуулж эхний видео хичээлийг үзнэ үү

   Хичээлүүд :   

  1. 21:31
    Эхлэл. Сургалтын талаар товчхон. Дэлгэцийн дагуу алхаж буй хүнийг хэрхэн CSS ашиглан хийх вэ?
  2. 10:59
    Бүлэг 1. CSS-ийн үндсэн анимациуд. Элементийг Translate функцээр хөдөлгөх
  3. 11:23
    Scale функцээр элементийн хэмжээг өөрчлөх animation хийх
  4. 7:18
    Элементийг тодорхойлж өгсөн цэг дээрээс Rotate функцээр эргүүлэх
  5. 7:01
    Элементийг 3D байдлаар эргүүлэх
  6. 5:44
    Skew функцээр аливаа элементийг налуу болгож animation хийх
  7. 7:08
    Орж ирэх болон Гарч явах animation гэж юу вэ?
  8. 8:42
    Текстийн хэмжээ, мөр болон үсэг хоорондын зайг өөрчлөх animation хийх
  9. 7:15
    Өнгийг аажмаар уусгах animation хийх
  10. 11:10
    Transform style property. Preserve3D юунд ашиглагддаг вэ?
  11. 19:18
    Perspective property-той танилцацгаая
  12. 32:36
    Цэвэр CSS ашиглан 3D куб зурах, эргүүлэх
  13. 17:13
    Хананаас бөмбөг ойх animation хийх
  14. 12:28
    Дотроо хөдөлгөөнтэй бөмбөг агуулсан, эргэлдэж буй loader-ын animation хийх
  15. 22:20
    Видео тоглоомын алдартай дүр болох Pac-man-ийн animation-ыг хийх
  16. 12:22
    Чухал хичээл. Perspective property-г дахин нэг жишээгээр тайлбарлая. Элементийг өөрсдийн нүд хүртэл татвал юу болох вэ?
  17. 12:12
    Гаригаа тойрон эргэх дагуулыг 2 хэмжээст орчинд хийх
  18. 33:53
    Нарны аймгийн гаригуудын animation-ийг хийж үзэцгээе
  19. 21:51
    Дэлхийг тойрон эргэх сарыг 3 хэмжээст орчинд хийх
  20. 8:57
    Before болон After pseudo element-үүд хэрхэн ажилладаг вэ?
  21. 10:29
    Гоё эффекттэй товчлуурууд хийх бүлэг. Товчлуур 1 - Background-ыг зүүнээс баруун тийш шударч буй эффект хийх
  22. 9:11
    Товчлуур 2 - Хоёр өөр background-ыг X, Y тэнхлэг дээр эргүүлж буй эффект хийх
  23. 4:42
    Товчлуур 3 - Текст агуулсан Background-ыг доороос дээш шударч буй эффект хийх
  24. 10:38
    Товчлуур 4. Hover хийх үед хүрээ нь хос хосоороо зурагдах товчлуурын animation
  25. 14:26
    Товчлуур 5. Хүрээ нь ээлж дарааллан зурагдах товчлуур
  26. 8:32
    Товчлуур 6. Дутуу хүрээтэй товчлуурын animation
  27. 14:32
    Товчлуур 7. Давалгааны эффекттэй background бүхий товчлуурыг хийх
  28. 20:25
    Товчлуур 8. Шингэнтэй мэт товчлуурын animation хийх
  29. 12:26
    Товчлуур 9. Анивчиж буй неон гэрэл шиг товчлуурын animation хийх
  30. 12:32
    Товчлуур 10. Гялтганаж буй эффекттэй товчлуур хийх
  31. 13:23
    Товчлуур 11. Неоморфик товчлуур хийх
  32. 25:02
    Ойж буй 3D бөмбөгний animation. CSS animation-ыг хийхэд физикийн хууль хэр чухал вэ?
189,000    35,000

Худалдаж авах

== Сурагчдын сэтгэгдлүүд ==

Ёстой сонирхолтой сургалт байнаа, үзэж байхдаа ерөөсөө уйдсангүй
Байгал, 2021-06-11 11:09:30