Skip to content

Instantly share code, notes, and snippets.

@g12n
Last active May 5, 2020 09:19
Show Gist options
  • Save g12n/73548bc19cf2944f3614a6206cc29568 to your computer and use it in GitHub Desktop.
Save g12n/73548bc19cf2944f3614a6206cc29568 to your computer and use it in GitHub Desktop.
Sunset over the ocean
Display the source blob
Display the rendered blob
Raw
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
<defs>
<radialGradient id="radial-gradient" cx="737.5" cy="94.6" r="800" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffd7ac"/>
<stop offset=".5" stop-color="#f8a7a1"/>
<stop offset=".9" stop-color="#6d5d91"/>
</radialGradient>
<clipPath id="clip-path">
<circle id="clip-path-2" data-name="clip-path" cx="500" cy="500" r="400" fill="none"/>
</clipPath>
<style>
.hill_back{fill:#6d5d91}
</style>
</defs>
<g clip-path="url(#clip-path)" id="planet">
<path fill="url(#radial-gradient)" d="M0 0h1000v1000H0z"/>
<circle id="sun" cx="658" cy="265" r="62" fill="#ffd7ac"/>
<path id="ocean_light" opacity=".2" fill="#fff" d="M0 500h1000v500H0z"/>
<path id="hill_reflections" fill="#6d5d91" opacity=".2" d="M638 547H457l51-32H-22l294 148 35-22 148 71 183-165z"/>
<path id="hill_back" class="hill_back" d="M-22 526l294-177 236 177H-22z"/>
<path id="hill_front" class="hill_back" d="M108 547l347-159 183 159H108z"/>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment