CSS3是一種非常有用的網頁設計技術，它支持許多新功能，其中包括支持使用SVG（可縮放矢量圖形）。

.logo {
background-image: url('logo.svg');
background-repeat: no-repeat;
background-position: center;
}

使用CSS3和SVG，您可以輕松地為網站添加動畫和矢量圖形。SVG是一種油墨性圖像格式，可確保您在各種不同尺寸的設備上均獲得清晰而清晰的圖像。

與其他圖像格式不同，SVG是可縮放的，并且可以通過CSS進行操縱。您可以使用CSS來更改SVG的顏色，大小和其他屬性，從而使其在您的網站上與其他元素融合在一起。

不僅如此，通過CSS3，您還可以使用更加復雜的動畫效果來讓SVG圖形動起來。動畫可以通過CSS中的@keyframes關鍵字來定義，并可以定義元素的大小，顏色，位置等。您可以使用這些動畫來制作漂亮的加載動畫，菜單圖標和其他交互式功能。

總而言之，CSS3支持SVG提供了無限的可能性，幫助網站設計師創建可視化引人注目的網站。通過使用CSS和SVG，您可以確保您的網站在所有設備上的質量都非常好，而且看起來很棒。