More than 5 years have passed since last update.

背景を透過虹色グラデーションにするためのcss

Last updated at 2012-12-26Posted at 2012-05-03

.rainbow {
  background: -moz-linear-gradient(left,
	rgba(255,0,0,0.2),
	rgba(255,69,0,0.2),
	rgba(255,255,0,0.2),
	rgba(0,128,0,0.2),
	rgba(0,0,255,0.2),
	rgba(75,0,130,0.2),
	rgba(238,130,238,0.2)
  );
  background: -webkit-gradient(linear, left center, right center,
    from(rgba(255,0,0,0.2)),
	color-stop(14%, rgba(255,69,0,0.2)),
	color-stop(28%, rgba(255,255,0,0.2)),
	color-stop(42%, rgba(0,128,0,0.2)),
	color-stop(56%, rgba(0,0,255,0.2)),
	color-stop(70%, rgba(75,0,130,0.2)),
	to(rgba(238,130,238,0.2))
  );
}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up