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