Skip to content

Instantly share code, notes, and snippets.

@Ashon-G
Last active August 29, 2023 11:34
Show Gist options
  • Save Ashon-G/1059e5c954b51db753a9ad9b81ac0804 to your computer and use it in GitHub Desktop.
Save Ashon-G/1059e5c954b51db753a9ad9b81ac0804 to your computer and use it in GitHub Desktop.
<canvas class="canvas-item" id="gradient-canvas">
<style>
#gradient-canvas {
--gradient-color-1: #1b45b4;
--gradient-color-2: #1c2792;
--gradient-color-3: #267dff;
--gradient-color-4: #3898ec;
}
.canvas-item{
height:100%;
width:100%;
clip-path: polygon(0 0, 100% 0%, 100% 50%, 0 100%); }
</style>
<script src="https://cdn.jsdelivr.net/gh/videsigns/webflow-tools@main/webgl-gradient.js" > </script>
<script>
var gradient = new Gradient()
gradient.initGradient('#gradient-canvas');
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment