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