Let the sun shine in

index.html

<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%">
	<defs>
		<radialGradient id="gradient-rmj186hyo" gradientTransform="rotate(310)">
			<stop offset="0%" stop-color="rgb(242,238,66)"></stop>
			<stop offset="100%" stop-color="rgb(13,17,189)"></stop>
		</radialGradient>
		<filter id="filter-rmj186hyo">
			<feTurbulence baseFrequency="0.02399" numOctaves="6" seed="472"></feTurbulence>
			<feColorMatrix class="anim" type="hueRotate" values="0">
				<animate attributeName="values" from="0" to="360" dur="3s" repeatCount="indefinite"></animate>
			</feColorMatrix>
			<feColorMatrix values="-2.2 1.1 4.4 -3.7 3.2 -2.7 -3 1.1 -2.8 -0.1 -0.8 -2.5 1.8 -4.5 2.9 2.8 -0.3 4.2 -2.1 -2.1"></feColorMatrix>
		</filter>
	</defs>
	<rect width="100%" height="100%" fill="url(#gradient-rmj186hyo)" class="bgRect"></rect>
	<rect width="100%" height="100%" filter="url(#filter-rmj186hyo)"></rect>
</svg>

let-the-sun-shine-in.markdown

Let the sun shine in

A Pen by leimapapa on CodePen.

License.

scripts

<script src="https://codepen.io/leimapapa/pen/eYRzEgY.js"></script>

styles

<link href="https://codepen.io/leimapapa/pen/eYRzEgY.css" rel="stylesheet" />