Векторна графіка та SVG. АНІМАЦІЯ на ВЕБ сторінках

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 34

  • @yuriydetsyk
    @yuriydetsyk  4 года назад +7

    Пишіть, кому до вподоби робота із SVG + CSS :)

  • @yevheniimoskalenko1624
    @yevheniimoskalenko1624 4 года назад +2

    мега цікаво)

  • @NazarMarchuk
    @NazarMarchuk 2 года назад

    Цікаво, ніколи в житті не доводилось працювати з анімаціями svg, виглядає легко і просто, але розумію що це так завжди тільки на початку :)

  • @Tory_dev
    @Tory_dev Год назад

    Цікава анімація) Хотілося би ще дізнатися про роботу із svg sprite)

  • @turbosega
    @turbosega 4 года назад +1

    Було цікаво. Дякую.

  • @PanVladyslav
    @PanVladyslav Год назад

    дякую вам за вашу працю

  • @volodymyr_bro001
    @volodymyr_bro001 3 года назад

    Також цікаво, хотілося б більше прикладів!)

  • @kovalyurii7278
    @kovalyurii7278 4 года назад

    Дякую за цікаве відео) Ніколи раніше не задумувався над тим як працюють svg-шки)

    • @yuriydetsyk
      @yuriydetsyk  4 года назад

      Це реально цікава штука)

  • @ВолодимирМельник-г4и

    У всьому інтернеті раніше не здибав інформацію, що svg можна юзати в html) Клас)

    • @yuriydetsyk
      @yuriydetsyk  4 года назад +1

      Радий, що чимось поміг😉

  • @vl8224
    @vl8224 4 года назад +1

    Симпатична анімація )

    • @yuriydetsyk
      @yuriydetsyk  4 года назад +1

      Та то дрібничка, але може й комусь допоможе)

  • @dordaderabar
    @dordaderabar 3 года назад

    3:15 Дизайном не займаюсь, а для себе користуюсь Inkscape на Лінукс.
    Дякую за цікаве відео

    • @yuriydetsyk
      @yuriydetsyk  3 года назад

      Дякую за перегляд)

  • @rostyslavputas5661
    @rostyslavputas5661 4 года назад

    Круто, цікаво було б подивитись на складніших ще прикладах

    • @yuriydetsyk
      @yuriydetsyk  4 года назад

      Щось придумаємо :)

  • @PUBLICandSTATIC
    @PUBLICandSTATIC 4 года назад

    це цікаво, було б класно побачити більш підробний випуск про SVG та анімацію 👍

    • @yuriydetsyk
      @yuriydetsyk  4 года назад +1

      Дякую! Щось придумаю😉

  • @maxstotsky
    @maxstotsky 4 года назад

    Ще для SVG є анімаційні теги, які моно використовувати замість анімації CSS

  • @andriysalahub3064
    @andriysalahub3064 4 года назад

    СуперКласно!
    Соррі, не було мене певний час...:((
    Питання, як просто без вимахувань поміняти колір через css, svg-ну графіку (славнозвісний атрибут "fill"). На stackoverflow є декілька варіантів, досить простих, але у випадку прямого вкладання всіх параметрів малюнку (так як зробив ти у відео) але коли відбувається прив'язка файлу через тег ІМG, тут виникають певні складнощі, щось воно не паше (тільки відкриваючи сам файлик і хардкордно міняти-дописувати значення атрибуту fill). Щось порадиш? Є якісь варіанти? Особливо складно коли використовується sass або less, можна заплутатись

    • @yuriydetsyk
      @yuriydetsyk  4 года назад

      Дякую, радий бачити тебе знову :) Коли ми суто прикріпляємо посилання на svg-файл, то браузер буде інтерпретувати його без можливості доступитися всередину SVG. Тому у тебе і не працюватиме fill у такому випадку.. Щоб це вийшло, треба прикріпляти SVG через (як у моєму прикладі), або ж , ітд. Я особисто рекомендував би перший варіант (), він найпростіший, а CSS та JS маніпуляції у ньому точно діятимуть. Із більш складних технік є формування HTTP-запиту на SVG-файл, контент якого повертатиме респонс, але це вже значно довший варіант)

  • @Olexander_Koziianchuk
    @Olexander_Koziianchuk 4 года назад

    Так от як ви це робите... Капееець.. Круто! І за це гроші платять? Як називається ця професія? І чи є попит на таких спеціалістів?

    • @yuriydetsyk
      @yuriydetsyk  4 года назад

      Якби ж то так все було😂 гроші платять, але зазвичай мова іде про значно складніші векторні об'єкти. я думаю, що цим здебільшого займаються верстальщики сайтів, або ж фронтендщики, які працюють із візуалізацією даних

  • @АндрійСокульський-й2с

    А можете зробити відос про рекурсію?Для людей які тільки починають.

    • @yuriydetsyk
      @yuriydetsyk  3 года назад

      Гарна ідея, обов'язково щось зроблю!

  • @vladyslavpanarin4378
    @vladyslavpanarin4378 2 года назад

    Будь ласка, перестаньте використовувати слово «приміняти»
    Це московська мова
    Застосовувати правильно буде

    • @yuriydetsyk
      @yuriydetsyk  2 года назад

      спробую, дякую за зауваження) все життя просто спілкуюсь суржиком, тому не задумуюсь навіть над деякими словами

    • @NazarMarchuk
      @NazarMarchuk 2 года назад

      @@yuriydetsyk ще можна звернути увагу на "наклон" ;)