❌ CSS не нужен! Научишься анимировать любое статичное SVG изображение после этого видео

Подписаться 102 тыс.

Просмотров 28 тыс.

50% 1

✅ Оставить заявку на обучение 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/

Опубликовано:

19 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 84

@annblok_webdev 9 месяцев назад

Записать видео, как полностью от и до сверстать эту страницу вместе с адаптивом?

@fl4mescare 9 месяцев назад

конечно ДА

@nadhit87 9 месяцев назад

Да

@progerlife6690 9 месяцев назад

Конечно!

@user-yh4jw3gd6u 9 месяцев назад

Привет! Нет, не надо. Но юыло бы классно побольше про svg и анимацию

@denispepper2830 9 месяцев назад

Да, пожалуйста!

@user-hp2li4fw5h 9 месяцев назад

Вот это я понимаю подход профессионала.

@SergZybkov 9 месяцев назад

Неплохой трюк с изменением картинки с помощью кода

@TohaK. 9 месяцев назад

Никогда не думал, что SVG можно анимировать без CSS. Круто

@sergeymickolaenko1161 9 месяцев назад

Благодарю за ваши уроки, очень много почерпнул с ваших видео👍💯

@mdshahinbabu8535 9 месяцев назад

Спасибо большое за то что делитесь своим опытом и знаниями

@annatregub1266 9 месяцев назад

Спасибо большое за полезную информацию, всегда хотела попробовать анимировать.И благодаря вашим видео решусь попробовать 🥰

@EugenySubbotin 9 месяцев назад

Спасибо! Вы такая умничка!

@Marinellamaksimova 9 месяцев назад

Только начинаю изучать анимацию,спасибо вам за подробный урок и хорошие советы.

@user-wf4np1ne2c 9 месяцев назад

Круто, спасибо!)

@michaelkamko 9 месяцев назад

Круто как всегда! Спасибо!

@tolasnisar2494 9 месяцев назад

Спасибо вам за эти полезные уроки.

@marinagor 9 месяцев назад

класс, очень легко и просто) спасибо за полезное видео!

@dennymaverick5472 9 месяцев назад

спасибо за ролик ❤

@deniskhasanov8296 9 месяцев назад

Спасибо, но если вдруг будете записывать ролик по этой теме, то хотелось бы увидеть: каким образом анимировать фигуру, которая вращалась бы вокруг своей оси на 360 градусов с направлением в нижнюю часть экрана ( для примера: анимировать закручивание самореза ). Я думаю что данный ролик бы покрыл некоторые пробельные знания при использовании такого подхода

@progerlife6690 9 месяцев назад

Аня спасибо❤было интересно😊

@annblok_webdev 9 месяцев назад

❤️

@alinaevhenivn6 9 месяцев назад

Вау как же круто и красиво!

@user-sn5ep5uw6o 9 месяцев назад

Удивительно, как без CSS можно оживить SVG. Спасибо за урок.

@rashvmatrix9387 9 месяцев назад

будем осваивать программу и дальше. Продолжайте заливать уроки. Спасибо!

@Svet__alya 9 месяцев назад

Анимация классная! Спасибо что показали как это сделать, теперь и у меня так может получится👍

@user-nz3hf7nb4i 9 месяцев назад

Спасибо за такую нужную информацию для новичков в этой теме,много интересного узнала сегодня 🤗

@elisfemina 9 месяцев назад

Спасибо, Аня. Ты молодец и красотка! Как-то в 2019-м году я покупала твой маленький курс старт. Он мне очень помог. До сих пор на гитхабе болтается у меня та страничка из курса 🙂

@annblok_webdev 9 месяцев назад

Рада слышать это! 🙌

@ViktorMoroz-et4ik 9 месяцев назад

Отличный способ добавить движение в SVG без CSS. Полезно знать.

@BROV-ou6yg 9 месяцев назад

Спасибо Вам за бесценную информацию, и благодаря вашему контенту мне легче работать.

@TOK-um9zn 9 месяцев назад

Спасибо Вам за ценную информацию, ведь именно то что надо для начинающих

@sashabest1479 9 месяцев назад

В ближайшее время такие операции по анимации и изменению цветовой гаммы будет успешно выполнять нейросеть.

@nic-ori 9 месяцев назад

Thank you. Useful information.

@davidpanosyan1371 9 месяцев назад

да , обязательно пожалуйста

@supergame2415 9 месяцев назад

Вот это видео подъехало.Мне очень понравилось.

@user-ji5it6qp2d 9 месяцев назад

Также было бы здорово, если бы дизайнеры использовали векторные изображения (svg), а не растровые (png), там, где это явно подходит для векторной графики. А так, видео содержит полезную информацию, спасибо! И да, пожалуйста, добавьте верстку этого экрана.

@user-db5fp4ws8d 9 месяцев назад

ох барби, интересная анимация получилась, мне нравится

@CityGorsk 9 месяцев назад

В прошлом году, я хотел сделать анимированную тему для консоли из изображения, но так и не смог, пришлось использовать готовые работы. Но благодаря вашему уроку, теперь, возможно у меня получится.

@PHP_Architect 7 месяцев назад

В svg очень много фич (как идея для следующих тем), там еще текст бублить можно и сам пач анимировать, и текст адекватно контурить, и пивоты юзать на сложных анимационных приблудах - вплоть до персонажа, и в css - се легко селится...

@farmlingarchontas2216 9 месяцев назад

Я только учусь... и выглядит сложно. Но я думаю, что справлюсь. Большое спасибо за обучение!

@maxgloba_dev 9 месяцев назад

Экспортировать не нужно, в figma можно нажать правой кнопкой мышки и скопировать как svg код.

@dimendroider7550 9 месяцев назад

Ниче себе😮

@michaelkamko 5 месяцев назад

Анька, я пищу от твоих заголовков)) Еще можно, что CSS умер))

@addRossi 7 месяцев назад

Да по svg анимации не так много видео понятных и не так много текстовых инструкций. А возможности svg анимации широчайшие и перспективные. Спасибо!

@fromillia 9 месяцев назад

Ребятки, просто пойдите и изучите тему SVG фундаментально, системно

@tajhossain615 9 месяцев назад

This is helpful post it’s really beautiful

@dmitrykabanov9458 9 месяцев назад

Прикольно)

@arianaminosyan 3 месяца назад

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

@nurzhanovchanel 7 месяцев назад

А есть документация по СВГ и анимации?

@irina-s 9 месяцев назад

Еще хорошо было бы, если бы дизайнеры не делали изображения в пнг вместо svg, там где явно напрашивается вектор. А так видео полезное, спасибо! И да, просим верстку этого экрана.

@annblok_webdev 9 месяцев назад

Мне кажется такое могут допустить только новички в дизайне. Профи так редко косячат.

@arianaminosyan 3 месяца назад

А можно делать такую же анимацию текста? Где нажимаешь на вопрос и ответ снизу открывается?

@user-is6dr2zz5c 9 месяцев назад

Это же Полумна Лавгуд из Гарри Поттера))

@user-el8mi1sd2u 8 месяцев назад

Годно

@payeermillionaire8093 9 месяцев назад

Спасибо за урок, но CSS все же нужно.

@PearlDpUa 9 месяцев назад

Прекрасна анімація, спасибі, що показали як їх створювати

@IrinaChernikova90 9 месяцев назад

Можно ли с помощью CSS сделать такую анимацию,чтобы некую выпуклость превратить в вогнутость ?

@annblok_webdev 9 месяцев назад

Можно, если менять значения в path

@mystreetlifting76 9 месяцев назад

Сейчас куда не глянь, везде айтишники и программисты.

@Xtemple135 8 месяцев назад

И инфоцыгане, их сейчас полно)

@slow_motion_music 9 месяцев назад

Nice video

@user-kc1ip9pn3c 9 месяцев назад

такие знания вряд ли пригодятся простому пользователю

@_eren_2463 9 месяцев назад

Есть ли смысл сейчас ищучать вертску и рально ои найти работу ?

@user-ss1vo7ul4h 9 месяцев назад

чисто верстальщики особо никому не нужны))

@umnyicoder 9 месяцев назад

Вполне реально. Я вот не стал слушать советчиков, которые выше пишут, а просто учился и нашёл работу, а потом ещё и заказов дополнительных. Это было в том году. В этом ничего не изменилось.

@_eren_2463 9 месяцев назад

@@umnyicoder вы сами обучались или на курсах? Сколько месяцев заняло обучение до первой работы ?

@umnyicoder 9 месяцев назад

@@_eren_2463 и на курсах и сам, конечно же. Примерно 3 или 5 месяца, не всегда системно учился, сам виноват.

@_eren_2463 9 месяцев назад

@@umnyicoder а с уровнем английского или без ?

@mclotos 9 месяцев назад

при желании, можно на svg написать полностью весь сайт и он будет весь такой анимированный, но это уже задротство. Я это проходил и никому не советую =) Кстати, ненавижу path - он нифига не понятный и весит до фига =)