На самом деле, в ChocolateChip-UI мы используем изображения SVG в качестве масок фоновых изображений и фоновых градиентов CSS3 для точного воссоздания значков панели инструментов iPhone.Маски фонового изображения Webkit с фоновыми изображениями и фоновыми цветами.Поскольку CSS3-градиенты отображаются браузером как фоновое изображение, они отлично работают.Изображения svg просто черные и прозрачные, потому что они были созданы для использования в качестве масок с фоновыми цветами.
Тем не менее, да, вы можете воспроизводить изображения только с элементами HTML и CSS.Это потребовало бы связки частей, используя сочетание относительного и абсолютного позиционирования, и было бы очень, очень утомительно правильно расположить все части и получить идеально подходящие градиенты фона.И тогда вам придется написать действительно сложный CSS для обработки состояния наведения.Я мог бы сделать это, но я бы хотел?Конечно нет!Использовать маски изображений SVG намного проще.А поскольку SVG - это просто текст, их легко редактировать в любое время.Да, SVG основан на векторах, поэтому вы можете масштабировать их до любого размера без пикселизации.