Skip to content

Instantly share code, notes, and snippets.

@SilencerWeb

SilencerWeb/rectangle.svg

Created September 25, 2019 11:48
Show Gist options
  • Save SilencerWeb/419c00855c66df4c8e5f89415e5154b7 to your computer and use it in GitHub Desktop.
Save SilencerWeb/419c00855c66df4c8e5f89415e5154b7 to your computer and use it in GitHub Desktop.
Download ZIP
Display the source blob
Display the rendered blob
Raw
rectangle.svg
<svg width="277" height="332" viewBox="0 0 277 332" fill="none" xmlns="http://www.w3.org/2000/svg">
<linearGradient id="gradient" x1="0" y1="0" x2="0" y2="100%">
<stop offset="0%" stop-color="#ece8f1"></stop>
<stop offset="12.5%" stop-color="#ece8f1"></stop>
<stop offset="32.8125%" stop-color="#7d64ff"></stop>
<stop offset="69.2708%" stop-color="#7d64ff"></stop>
<stop offset="88.0208%" stop-color="#ece8f1"></stop>
<stop offset="100%" stop-color="#ece8f1"></stop>
</linearGradient>
<path d="M276 331V1H1V331H276Z" stroke="#ece8f1"/>
<mask id="mask">
<path d="M276 331V1H1V331H276Z" stroke="#ffffff"></path>
</mask>
<rect x="0px" y="-100%" width="100%" height="100%" fill="url(#gradient)" mask="url(#mask)" style="animation: animated-rectangle-animation 3s linear infinite"></rect>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment