❌ CSS не нужен! Научишься анимировать любое статичное SVG изображение после этого видео
HTML-код
- Опубликовано: 25 июл 2024
- ✅ Оставить заявку на обучение Wordpress - forms.gle/6j9FcjCPcGp9Sfk96
💸 Лучший ученик с индивидуального тарифа получит реальный заказ
🗓️ Старт обучения: 21 августа 2023
Таймкоды:
00:00 Вступление
00:20 Курс Wordpress
01:09 Сохранение изображения
01:35 Работа с SVG кодом
02:01 Разбор кода
04:45 Анимация SVG
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Обучение - frontendblok.com/
Записать видео, как полностью от и до сверстать эту страницу вместе с адаптивом?
конечно ДА
Да
Конечно!
Привет! Нет, не надо. Но юыло бы классно побольше про svg и анимацию
Да, пожалуйста!
Неплохой трюк с изменением картинки с помощью кода
Вот это я понимаю подход профессионала.
Спасибо большое за то что делитесь своим опытом и знаниями
Круто, спасибо!)
Круто как всегда! Спасибо!
Спасибо! Вы такая умничка!
Спасибо большое за полезную информацию, всегда хотела попробовать анимировать.И благодаря вашим видео решусь попробовать 🥰
Отличный способ добавить движение в SVG без CSS. Полезно знать.
класс, очень легко и просто) спасибо за полезное видео!
Благодарю за ваши уроки, очень много почерпнул с ваших видео👍💯
Вау как же круто и красиво!
Только начинаю изучать анимацию,спасибо вам за подробный урок и хорошие советы.
спасибо за ролик ❤
Анимация классная! Спасибо что показали как это сделать, теперь и у меня так может получится👍
Спасибо вам за эти полезные уроки.
Thank you. Useful information.
будем осваивать программу и дальше. Продолжайте заливать уроки. Спасибо!
Аня спасибо❤было интересно😊
❤️
Никогда не думал, что SVG можно анимировать без CSS. Круто
Спасибо, Аня. Ты молодец и красотка! Как-то в 2019-м году я покупала твой маленький курс старт. Он мне очень помог. До сих пор на гитхабе болтается у меня та страничка из курса 🙂
Рада слышать это! 🙌
Спасибо за такую нужную информацию для новичков в этой теме,много интересного узнала сегодня 🤗
Спасибо Вам за бесценную информацию, и благодаря вашему контенту мне легче работать.
Спасибо Вам за ценную информацию, ведь именно то что надо для начинающих
Вот это видео подъехало.Мне очень понравилось.
Спасибо, но если вдруг будете записывать ролик по этой теме, то хотелось бы увидеть: каким образом анимировать фигуру, которая вращалась бы вокруг своей оси на 360 градусов с направлением в нижнюю часть экрана ( для примера: анимировать закручивание самореза ). Я думаю что данный ролик бы покрыл некоторые пробельные знания при использовании такого подхода
Прикольно)
This is helpful post it’s really beautiful
Ниче себе😮
ох барби, интересная анимация получилась, мне нравится
Годно
Удивительно, как без CSS можно оживить SVG. Спасибо за урок.
В ближайшее время такие операции по анимации и изменению цветовой гаммы будет успешно выполнять нейросеть.
да , обязательно пожалуйста
Также было бы здорово, если бы дизайнеры использовали векторные изображения (svg), а не растровые (png), там, где это явно подходит для векторной графики. А так, видео содержит полезную информацию, спасибо! И да, пожалуйста, добавьте верстку этого экрана.
В прошлом году, я хотел сделать анимированную тему для консоли из изображения, но так и не смог, пришлось использовать готовые работы. Но благодаря вашему уроку, теперь, возможно у меня получится.
Nice video
Анька, я пищу от твоих заголовков))
Еще можно, что CSS умер))
Я только учусь... и выглядит сложно. Но я думаю, что справлюсь. Большое спасибо за обучение!
В svg очень много фич (как идея для следующих тем), там еще текст бублить можно и сам пач анимировать, и текст адекватно контурить, и пивоты юзать на сложных анимационных приблудах - вплоть до персонажа, и в css - се легко селится...
Да по svg анимации не так много видео понятных и не так много текстовых инструкций.
А возможности svg анимации широчайшие и перспективные. Спасибо!
Прекрасна анімація, спасибі, що показали як їх створювати
Еще хорошо было бы, если бы дизайнеры не делали изображения в пнг вместо svg, там где явно напрашивается вектор. А так видео полезное, спасибо! И да, просим верстку этого экрана.
Мне кажется такое могут допустить только новички в дизайне. Профи так редко косячат.
Здравствуйте, можете сказать как сделать анимацию в фигме и перенести на таплинк?
Ребятки, просто пойдите и изучите тему SVG фундаментально, системно
Экспортировать не нужно, в figma можно нажать правой кнопкой мышки и скопировать как svg код.
А есть документация по СВГ и анимации?
А можно делать такую же анимацию текста? Где нажимаешь на вопрос и ответ снизу открывается?
Сейчас куда не глянь, везде айтишники и программисты.
И инфоцыгане, их сейчас полно)
Это же Полумна Лавгуд из Гарри Поттера))
Спасибо за урок, но CSS все же нужно.
Этот способ не работает в хроме почему-то. В других браузерах норм. Может кто знает в чем проблема?
Можно ли с помощью CSS сделать такую анимацию,чтобы некую выпуклость превратить в вогнутость ?
Можно, если менять значения в path
Есть ли смысл сейчас ищучать вертску и рально ои найти работу ?
чисто верстальщики особо никому не нужны))
Вполне реально. Я вот не стал слушать советчиков, которые выше пишут, а просто учился и нашёл работу, а потом ещё и заказов дополнительных. Это было в том году. В этом ничего не изменилось.
@@umnyicoder вы сами обучались или на курсах? Сколько месяцев заняло обучение до первой работы ?
@@_eren_2463 и на курсах и сам, конечно же. Примерно 3 или 5 месяца, не всегда системно учился, сам виноват.
@@umnyicoder а с уровнем английского или без ?
при желании, можно на svg написать полностью весь сайт и он будет весь такой анимированный, но это уже задротство. Я это проходил и никому не советую =)
Кстати, ненавижу path - он нифига не понятный и весит до фига =)
Зашибись
такие знания вряд ли пригодятся простому пользователю
Дол такий гарний, і у вашої родини все добре, і я 66 проект вихідного дня, і я 66 проект вихідного дня, і я
Пусть не в тему ролика, но от Барби из каждого утюга, блевать тянет...
CSS нужно для верстки сайтов. Учите мат часть.
Спасибо большое за то что делитесь своим опытом и знаниями