时间戳

首页 > 解决方案 > css - 改变 svg 和路径的 css 颜色

html - css - 改变 svg 和路径的 css 颜色

问题描述

我试图消除附着在 css 波浪上的深海军色 - 以便天蓝色波浪融入简单的白色背景。我不确定如何做到这一点 - 它可能与 svg 和路径有关。

https://codepen.io/rblanc/pen/oNXJzed

我试图改变css代码

.color {
/* background: #3498db; */
background: #fff;
}

标签： htmlcss

解决方案

通过添加标签

填充 = 白色

并将 svg 的背景更改为蓝色，您将实现目标

svg{
  background-color: #3498db;
}
  <!-- WAVES -->
  <svg id="stamp" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100" viewBox="0 0 100 100" preserveAspectRatio="none" fill="white">
				<path d="M0 0 Q 2.5 40 5 0 
						 Q 7.5 40 10 0
						 Q 12.5 40 15 0
						 Q 17.5 40 20 0
						 Q 22.5 40 25 0
						 Q 27.5 40 30 0
						 Q 32.5 40 35 0
						 Q 37.5 40 40 0
						 Q 42.5 40 45 0
						 Q 47.5 40 50 0 
						 Q 52.5 40 55 0
						 Q 57.5 40 60 0
						 Q 62.5 40 65 0
						 Q 67.5 40 70 0
						 Q 72.5 40 75 0
						 Q 77.5 40 80 0
						 Q 82.5 40 85 0
						 Q 87.5 40 90 0
						 Q 92.5 40 95 0
						 Q 97.5 40 100 0 Z">
				</path>
			</svg>

推荐阅读