CSS3 #17 Трансформации (Transform)
HTML-код
- Опубликовано: 20 янв 2021
- #YauhenK #webDev #CSS #CSS3
Всех приветствую в курсе «CSS3».
В данном видеокурсе мы с вами рассмотрим CSS, или каскадных таблиц стилей. Начнём с основ: простые и составные селектора, псевдоклассы и псевдоэлементы, позиционирование, блочная модель и т.д. А так же разберём свойства добавленные в третьей версии спецификации: границы и скругления, тени, градиенты, фильтры, трансформации, анимации, плавные переходы и т.д. По окончанию курса вы получите отличную теоретическую базу для создания полноценных статичных веб-страниц.
✒ Репозиторий курса:
✔ github.com/YauhenKavalchuk/css3
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R6rD7qq8
✒ Автор курса:
✔ RUclips: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenKavalchuk
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/YauhenKavalchuk
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...
Наконец-то я нашел хорошие примеры использования трансформации. Шикарный урок!
Спасибо
Cпасибо большое! Коротко и супер понятно, сразу закрепил все знания. Благодарю!
Пожалуйста
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
Пожалуйста
Узнал для себя новое! Женя, спасибо не бросай.
Рад, что помогло)
Very interesting and magic things. Thanks
You’re welcome
Спасибо , Евгений!
Пожалуйста
Смотрел видео недавно про опенкарт и там как будто робот читает с листа. Очень сложно воспринимается. А этот подкаст по верстке смотрю на одном моменте - все легко просто, на слух приятно и понятно. Спасибо большое. И что знал либо вспомнил либо расширил кругозор и новое узнал!
Спасибо большое за отзыв)
Очень полезное видео. Спасибо!
Спасибо)
Спасибо большое! Отличное объяснение.
Пожалуйста
Спасибо огромное очень полезное видео🎉🎉🎉
Пожалуйста
спасибо, все понятно и в полном объеме
Пожалуйста
очень понятно
спасибо за урок😀
Всегда пожалуйста
Спасибо за хороший урок.
Пожалуйста
Офигенно. Спасибо
Пожалуйста
Очень полезный контент
Спасибо
Очень красивый эффект получился с transform: scale()
Рад, что понравилось
Самое понятное объяснение. Спасибо!
Пожалуйста
четко
Круто)
спасибо
Пожалуйста
👍👍👍
👍
👍👍👍👍👍👍👍👍👍👍👍
👍
Женя, спасибо за видео. Все понятно и доступно. У меня вопрос, а почему может transition не применяться при расHOVERе?
Не видя кода трудно что-то подсказать, возможно трансформацию вы добавили на hover
Спасибо за гайд, наконец-то разобрался! Но ещё одна проблема-как сделать так чтобы когда курсор отводился от картинки она оставалась в том же положении?
Здесь нужно использовать анимации, а не трансформации
не видно в цсс где отцентрирована картинка в диве. или я не заметил(
В описании есть ссылка на репозиторий курса, можете там посмотреть
А что делать если transform добавил отступы ?
Это свойство не добавляет отступы
Ничего не сказал про потерю фокуса картинки про scale(
Вы имеете ввиду резкость и чёткость изображения? Ну, это происходит при любых CSS трансформациях
Насчет rotate ты не прав поворот может быть в два направления
Может, но за всю практику я никогда не видел, что бы поворот указывали в отрицательных значениях