❌ CSS не нужен! Научишься анимировать любое статичное SVG изображение после этого видео
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 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. Полезно знать.
Спасибо большое за то что делитесь своим опытом и знаниями
Только начинаю изучать анимацию,спасибо вам за подробный урок и хорошие советы.
Никогда не думал, что SVG можно анимировать без CSS. Круто
Спасибо! Вы такая умничка!
Круто, спасибо!)
Круто как всегда! Спасибо!
Благодарю за ваши уроки, очень много почерпнул с ваших видео👍💯
Спасибо большое за полезную информацию, всегда хотела попробовать анимировать.И благодаря вашим видео решусь попробовать 🥰
класс, очень легко и просто) спасибо за полезное видео!
Вау как же круто и красиво!
Спасибо вам за эти полезные уроки.
Анимация классная! Спасибо что показали как это сделать, теперь и у меня так может получится👍
Спасибо, Аня. Ты молодец и красотка! Как-то в 2019-м году я покупала твой маленький курс старт. Он мне очень помог. До сих пор на гитхабе болтается у меня та страничка из курса 🙂
Рада слышать это! 🙌
Аня спасибо❤было интересно😊
❤️
спасибо за ролик ❤
Спасибо, но если вдруг будете записывать ролик по этой теме, то хотелось бы увидеть: каким образом анимировать фигуру, которая вращалась бы вокруг своей оси на 360 градусов с направлением в нижнюю часть экрана ( для примера: анимировать закручивание самореза ). Я думаю что данный ролик бы покрыл некоторые пробельные знания при использовании такого подхода
Thank you. Useful information.
будем осваивать программу и дальше. Продолжайте заливать уроки. Спасибо!
Спасибо за такую нужную информацию для новичков в этой теме,много интересного узнала сегодня 🤗
Спасибо Вам за бесценную информацию, и благодаря вашему контенту мне легче работать.
Спасибо Вам за ценную информацию, ведь именно то что надо для начинающих
В ближайшее время такие операции по анимации и изменению цветовой гаммы будет успешно выполнять нейросеть.
Вот это видео подъехало.Мне очень понравилось.
Удивительно, как без CSS можно оживить SVG. Спасибо за урок.
ох барби, интересная анимация получилась, мне нравится
да , обязательно пожалуйста
Да по svg анимации не так много видео понятных и не так много текстовых инструкций.
А возможности svg анимации широчайшие и перспективные. Спасибо!
Также было бы здорово, если бы дизайнеры использовали векторные изображения (svg), а не растровые (png), там, где это явно подходит для векторной графики. А так, видео содержит полезную информацию, спасибо! И да, пожалуйста, добавьте верстку этого экрана.
Экспортировать не нужно, в figma можно нажать правой кнопкой мышки и скопировать как svg код.
В svg очень много фич (как идея для следующих тем), там еще текст бублить можно и сам пач анимировать, и текст адекватно контурить, и пивоты юзать на сложных анимационных приблудах - вплоть до персонажа, и в css - се легко селится...
Ниче себе😮
This is helpful post it’s really beautiful
Прикольно)
Анька, я пищу от твоих заголовков))
Еще можно, что CSS умер))
Годно
В прошлом году, я хотел сделать анимированную тему для консоли из изображения, но так и не смог, пришлось использовать готовые работы. Но благодаря вашему уроку, теперь, возможно у меня получится.
Nice video
Прекрасна анімація, спасибі, що показали як їх створювати
Ребятки, просто пойдите и изучите тему SVG фундаментально, системно
Еще хорошо было бы, если бы дизайнеры не делали изображения в пнг вместо svg, там где явно напрашивается вектор. А так видео полезное, спасибо! И да, просим верстку этого экрана.
Мне кажется такое могут допустить только новички в дизайне. Профи так редко косячат.
Я только учусь... и выглядит сложно. Но я думаю, что справлюсь. Большое спасибо за обучение!
Сейчас куда не глянь, везде айтишники и программисты.
И инфоцыгане, их сейчас полно)
Здравствуйте, можете сказать как сделать анимацию в фигме и перенести на таплинк?
А есть документация по СВГ и анимации?
А можно делать такую же анимацию текста? Где нажимаешь на вопрос и ответ снизу открывается?
Спасибо за урок, но CSS все же нужно.
Это же Полумна Лавгуд из Гарри Поттера))
Этот способ не работает в хроме почему-то. В других браузерах норм. Может кто знает в чем проблема?
при желании, можно на svg написать полностью весь сайт и он будет весь такой анимированный, но это уже задротство. Я это проходил и никому не советую =)
Кстати, ненавижу path - он нифига не понятный и весит до фига =)
Можно ли с помощью CSS сделать такую анимацию,чтобы некую выпуклость превратить в вогнутость ?
Можно, если менять значения в path
такие знания вряд ли пригодятся простому пользователю
Есть ли смысл сейчас ищучать вертску и рально ои найти работу ?
чисто верстальщики особо никому не нужны))
Вполне реально. Я вот не стал слушать советчиков, которые выше пишут, а просто учился и нашёл работу, а потом ещё и заказов дополнительных. Это было в том году. В этом ничего не изменилось.
@@umnyicoder вы сами обучались или на курсах? Сколько месяцев заняло обучение до первой работы ?
@@_eren_2463 и на курсах и сам, конечно же. Примерно 3 или 5 месяца, не всегда системно учился, сам виноват.
@@umnyicoder а с уровнем английского или без ?
Зашибись
Дол такий гарний, і у вашої родини все добре, і я 66 проект вихідного дня, і я 66 проект вихідного дня, і я
Пусть не в тему ролика, но от Барби из каждого утюга, блевать тянет...
CSS нужно для верстки сайтов. Учите мат часть.
Спасибо большое за то что делитесь своим опытом и знаниями