CSS3 #17 Трансформации (Transform)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024
  • #YauhenK #webDev #CSS #CSS3
    Всех приветствую в курсе «CSS3».
    В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
    ✒ Репозиторий курса:
    ✔ github.com/Yau...
    ✒ Полный список готовых и планируемых курсов:
    ✔ Trello: trello.com/b/R...
    ✒ Автор курса:
    ✔ TH-cam: / yauhenkavalchuk
    ✔ Instagram: / yauhenkavalchuk
    ✔ Twitter: / yauhenkavalchuk
    ✔ VK: YauhenK...
    ✔ LinkedIn: / yauhenkavalchuk
    ✔ GitHub: github.com/Yau...
    ✔ VK (Группа): webdevcom
    ✒ Поддержать развитие канала: github.com/Yau...

ความคิดเห็น • 54

  • @EugenySubbotin
    @EugenySubbotin 2 ปีที่แล้ว +11

    Наконец-то я нашел хорошие примеры использования трансформации. Шикарный урок!

  • @eclipseweb1419
    @eclipseweb1419 2 ปีที่แล้ว +4

    Cпасибо большое! Коротко и супер понятно, сразу закрепил все знания. Благодарю!

  • @olehyefimenko6693
    @olehyefimenko6693 2 ปีที่แล้ว +6

    Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

  • @sergkuznetzov3469
    @sergkuznetzov3469 3 ปีที่แล้ว +5

    Спасибо , Евгений!

  • @zeleny777leon777
    @zeleny777leon777 3 ปีที่แล้ว +5

    Узнал для себя новое! Женя, спасибо не бросай.

  • @leader7700
    @leader7700 3 ปีที่แล้ว +6

    Смотрел видео недавно про опенкарт и там как будто робот читает с листа. Очень сложно воспринимается. А этот подкаст по верстке смотрю на одном моменте - все легко просто, на слух приятно и понятно. Спасибо большое. И что знал либо вспомнил либо расширил кругозор и новое узнал!

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

      Спасибо большое за отзыв)

  • @user-feeeevr993jgfg
    @user-feeeevr993jgfg 3 ปีที่แล้ว +4

    Очень полезное видео. Спасибо!

  • @jahongirmusayev658
    @jahongirmusayev658 3 ปีที่แล้ว +4

    Спасибо большое! Отличное объяснение.

  • @АлексейЛоскутников-ю4р
    @АлексейЛоскутников-ю4р 3 ปีที่แล้ว +3

    Спасибо за хороший урок.

  • @romanrodin4082
    @romanrodin4082 2 ปีที่แล้ว +1

    спасибо, все понятно и в полном объеме

  • @mukhammadalirakhmatullayev1950
    @mukhammadalirakhmatullayev1950 8 หลายเดือนก่อน

    Спасибо огромное очень полезное видео🎉🎉🎉

  • @polskolg
    @polskolg 3 ปีที่แล้ว +3

    Очень красивый эффект получился с transform: scale()

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

      Рад, что понравилось

  • @AmirLT-x6y
    @AmirLT-x6y ปีที่แล้ว

    Very interesting and magic things. Thanks

  • @МуаммадЭльмурзаев
    @МуаммадЭльмурзаев ปีที่แล้ว

    Офигенно. Спасибо

  • @demidronder
    @demidronder ปีที่แล้ว

    Очень полезный контент

  • @SsanchesS
    @SsanchesS ปีที่แล้ว

    Самое понятное объяснение. Спасибо!

  • @ridl27
    @ridl27 3 ปีที่แล้ว +2

    четко

  • @agilkerimov
    @agilkerimov 3 ปีที่แล้ว +2

    спасибо

  • @HA_CTPIME
    @HA_CTPIME 2 ปีที่แล้ว +1

    👍👍👍

  • @oleksiikorolenko5528
    @oleksiikorolenko5528 ปีที่แล้ว

    Женя, спасибо за видео. Все понятно и доступно. У меня вопрос, а почему может transition не применяться при расHOVERе?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Не видя кода трудно что-то подсказать, возможно трансформацию вы добавили на hover

  • @Hurep
    @Hurep 2 ปีที่แล้ว

    Спасибо за гайд, наконец-то разобрался! Но ещё одна проблема-как сделать так чтобы когда курсор отводился от картинки она оставалась в том же положении?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Здесь нужно использовать анимации, а не трансформации

  • @НикитаАндреев-д1я
    @НикитаАндреев-д1я 2 ปีที่แล้ว +1

    👍👍👍👍👍👍👍👍👍👍👍

  • @My-video123
    @My-video123 3 ปีที่แล้ว +1

    не видно в цсс где отцентрирована картинка в диве. или я не заметил(

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

      В описании есть ссылка на репозиторий курса, можете там посмотреть

  • @alexandrkhutornoy
    @alexandrkhutornoy ปีที่แล้ว

    Насчет rotate ты не прав поворот может быть в два направления

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Может, но за всю практику я никогда не видел, что бы поворот указывали в отрицательных значениях

  • @mrakov
    @mrakov 3 ปีที่แล้ว +1

    Ничего не сказал про потерю фокуса картинки про scale(

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 ปีที่แล้ว

      Вы имеете ввиду резкость и чёткость изображения? Ну, это происходит при любых CSS трансформациях

  • @vatasi7312
    @vatasi7312 2 ปีที่แล้ว +1

    А что делать если transform добавил отступы ?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Это свойство не добавляет отступы

  • @АбдулазизАбдулхатов
    @АбдулазизАбдулхатов 10 หลายเดือนก่อน

    очень понятно
    спасибо за урок😀

    • @YauhenKavalchuk
      @YauhenKavalchuk  10 หลายเดือนก่อน

      Всегда пожалуйста