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

Рет қаралды 28,280

Күн бұрын

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

Пікірлер: 84

@annblok_webdev 9 ай бұрын

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

@fl4mescare 9 ай бұрын

конечно ДА

@nadhit87 9 ай бұрын

Да

@progerlife6690 9 ай бұрын

Конечно!

@user-yh4jw3gd6u 9 ай бұрын

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

@denispepper2830 9 ай бұрын

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

@SergZybkov 9 ай бұрын

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

@user-hp2li4fw5h 9 ай бұрын

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

@mdshahinbabu8535 9 ай бұрын

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

@user-wf4np1ne2c 9 ай бұрын

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

@TohaK. 9 ай бұрын

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

@EugenySubbotin 9 ай бұрын

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

@michaelkamko 9 ай бұрын

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

@alinaevhenivn6 9 ай бұрын

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

@ViktorMoroz-et4ik 9 ай бұрын

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

@Marinellamaksimova 9 ай бұрын

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

@sergeymickolaenko1161 9 ай бұрын

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

@annatregub1266 9 ай бұрын

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

@elisfemina 9 ай бұрын

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

@annblok_webdev 9 ай бұрын

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

@marinagor 9 ай бұрын

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

@tolasnisar2494 9 ай бұрын

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

@rashvmatrix9387 9 ай бұрын

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

@Svet__alya 9 ай бұрын

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

@progerlife6690 9 ай бұрын

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

@annblok_webdev 9 ай бұрын

❤️

@dennymaverick5472 9 ай бұрын

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

@BROV-ou6yg 9 ай бұрын

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

@nic-ori 9 ай бұрын

Thank you. Useful information.

@user-nz3hf7nb4i 9 ай бұрын

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

@supergame2415 9 ай бұрын

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

@TOK-um9zn 9 ай бұрын

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

@user-sn5ep5uw6o 9 ай бұрын

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

@sashabest1479 9 ай бұрын

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

@user-db5fp4ws8d 9 ай бұрын

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

@CityGorsk 9 ай бұрын

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

@deniskhasanov8296 9 ай бұрын

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

@dmitrykabanov9458 9 ай бұрын

Прикольно)

@michaelkamko 5 ай бұрын

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

@dimendroider7550 9 ай бұрын

Ниче себе😮

@arianaminosyan 3 ай бұрын

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

@davidpanosyan1371 9 ай бұрын

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

@user-el8mi1sd2u 8 ай бұрын

Годно

@user-ji5it6qp2d 9 ай бұрын

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

@tajhossain615 9 ай бұрын

This is helpful post it’s really beautiful

@PHP_Architect 8 ай бұрын

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

@arianaminosyan 3 ай бұрын

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

@farmlingarchontas2216 9 ай бұрын

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

@nurzhanovchanel 8 ай бұрын

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

@addRossi 7 ай бұрын

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

@slow_motion_music 9 ай бұрын

Nice video

@fromillia 9 ай бұрын

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

@maxgloba_dev 9 ай бұрын

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

@mystreetlifting76 9 ай бұрын

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

@Xtemple135 9 ай бұрын

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

@PearlDpUa 9 ай бұрын

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

@irina-s 9 ай бұрын

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

@annblok_webdev 9 ай бұрын

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

@user-is6dr2zz5c 9 ай бұрын

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

@payeermillionaire8093 9 ай бұрын

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

@IrinaChernikova90 9 ай бұрын

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

@annblok_webdev 9 ай бұрын

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

@IriaKot 9 ай бұрын

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

@01valve 3 ай бұрын

Этот способ не работает в хроме почему-то. В других браузерах норм. Может кто знает в чем проблема?

@_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 - он нифига не понятный и весит до фига =)