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

Поділитися
Вставка
  • Опубліковано 9 лют 2025

КОМЕНТАРІ •

  • @annblok_webdev
    @annblok_webdev  Рік тому +32

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

  • @ДмитрийС-ю8ц
    @ДмитрийС-ю8ц Рік тому +3

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

  • @ViktorMoroz-et4ik
    @ViktorMoroz-et4ik Рік тому +2

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

  • @marinagor
    @marinagor Рік тому +2

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

  • @SergZybkov
    @SergZybkov Рік тому +3

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

    • @РамзанКадыроа
      @РамзанКадыроа 2 місяці тому

      Повер мне в кроссбразерности энто необъятной жопа

  • @Marinellamaksimova
    @Marinellamaksimova Рік тому +1

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

  • @tolasnisar2494
    @tolasnisar2494 Рік тому +1

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

  • @elisfemina
    @elisfemina Рік тому +2

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

  • @sergeymickolaenko1161
    @sergeymickolaenko1161 Рік тому +1

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

  • @progerlife6690
    @progerlife6690 Рік тому +4

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

  • @michaelkamko
    @michaelkamko Рік тому +1

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

  • @user-olena_shatun
    @user-olena_shatun Рік тому

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

  • @Svet__alya
    @Svet__alya Рік тому +1

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

  • @annatregub1266
    @annatregub1266 Рік тому +1

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

  • @rashvmatrix9387
    @rashvmatrix9387 Рік тому

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

  • @EugenySubbotin
    @EugenySubbotin Рік тому +1

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

  • @АртемКа-в3к8й
    @АртемКа-в3к8й Рік тому +2

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

  • @BROV-ou6yg
    @BROV-ou6yg Рік тому

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

  • @ОксанаПаранченко-д1с

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

  • @comfortinshoes
    @comfortinshoes Рік тому +2

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

  • @ВикторСмирнов-и4я

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

  • @TOK-um9zn
    @TOK-um9zn Рік тому

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

  • @sashabest1479
    @sashabest1479 Рік тому

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

  • @supergame2415
    @supergame2415 Рік тому

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

  • @ВікаА-б4и
    @ВікаА-б4и Рік тому

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

  • @CityGorsk
    @CityGorsk Рік тому

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

  • @PHP_Architect
    @PHP_Architect Рік тому

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

  • @АриаднаГайдук
    @АриаднаГайдук Рік тому +2

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

  • @alinaevhenivn6
    @alinaevhenivn6 Рік тому +2

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

  • @dennymaverick5472
    @dennymaverick5472 Рік тому +1

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

  • @arianaminosyan
    @arianaminosyan Рік тому

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

  • @tajhossain615
    @tajhossain615 Рік тому

    This is helpful post it’s really beautiful

  • @PearlDpUa
    @PearlDpUa Рік тому

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

  • @farmlingarchontas2216
    @farmlingarchontas2216 Рік тому

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

  • @mystreetlifting76
    @mystreetlifting76 Рік тому +1

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

    • @Xtemple135
      @Xtemple135 Рік тому

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

  • @arianaminosyan
    @arianaminosyan Рік тому

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

  • @nurzhanovchanel
    @nurzhanovchanel Рік тому

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

  • @irina-s
    @irina-s Рік тому +2

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

    • @annblok_webdev
      @annblok_webdev  Рік тому +1

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

  • @maxgloba_dev
    @maxgloba_dev Рік тому +1

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

  • @TohaK.
    @TohaK. Рік тому +2

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

  • @ДмитрийЗамулин-п6и

    Годно

  • @dmitrykabanov9458
    @dmitrykabanov9458 Рік тому

    Прикольно)

  • @michaelkamko
    @michaelkamko Рік тому +1

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

  • @addRossi
    @addRossi Рік тому +1

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

  • @dimendroider7550
    @dimendroider7550 Рік тому

    Ниче себе😮

  • @_eren_2463
    @_eren_2463 Рік тому +1

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

    • @VideoShare-j4q
      @VideoShare-j4q Рік тому

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

    • @umnyicoder
      @umnyicoder Рік тому +2

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

    • @_eren_2463
      @_eren_2463 Рік тому

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

    • @umnyicoder
      @umnyicoder Рік тому

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

    • @_eren_2463
      @_eren_2463 Рік тому

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

  • @fromillia
    @fromillia Рік тому +1

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

  • @IrinaChernikova90
    @IrinaChernikova90 Рік тому

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

    • @annblok_webdev
      @annblok_webdev  Рік тому

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

  • @slow_motion_music
    @slow_motion_music Рік тому

    Nice video

  • @01valve
    @01valve 11 місяців тому

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

  • @payeermillionaire8093
    @payeermillionaire8093 Рік тому

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

  • @Andrew-v4o7k
    @Andrew-v4o7k Рік тому

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

  • @IriaKot
    @IriaKot Рік тому

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

  • @mclotos
    @mclotos Рік тому

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

  • @OpSk-yj5ke
    @OpSk-yj5ke Рік тому

    Дол такий гарний, і у вашої родини все добре, і я 66 проект вихідного дня, і я 66 проект вихідного дня, і я

  • @dimualdos
    @dimualdos 7 місяців тому

    Зашибись

  • @idis378
    @idis378 Рік тому

    Пусть не в тему ролика, но от Барби из каждого утюга, блевать тянет...

  • @wrap_insta
    @wrap_insta Рік тому

    CSS нужно для верстки сайтов. Учите мат часть.

  • @mdshahinbabu8535
    @mdshahinbabu8535 Рік тому +2

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