Узнайте, как создать плавную анимацию для вашего сайта, используя только небольшую разметку SVG и несколько стилей CSS. Масштабируемая векторная графика (SVG) - это больше, чем просто файлы изображений. Как XML-приложение, SVG содержат разметку, которая выглядит и работает так же, как HTML. Вы также можете использовать их в сочетании с кодом CSS и JavaScript. Это позволяет анимировать файлы SVG, создавая сложные изображения, которые хорошо подходят для веб-дизайна и других динамических сред. Но...

Всем привет. Это статья из разряда: “решаем простые задачи сложным способом”, или “для тех, кто не ищет легких путей”. Хотел бы уточнить заранее, что это не “самое лучшее решение проблемы”, а всего лишь то, до чего я смог дойти исходя из собственного опыта...

SVG — это формат векторной графики, дословно: масштабируемая векторная графика. Мвг? Svg! В векторных форматах хранится не само изображение, а инструкция по его построению по точкам и кривым.