Stained Glass

Developer
Elliot Geno
Size
2,127 Kb
Views
38,456
  1. Stained Glass Previews
  2. Stained Glass HTML Codes
  3. Stained Glass CSS Codes
  4. Stained Glass JS Codes

How do I make an stained glass?

What is a stained glass? How do you make a stained glass? This script and codes were developed by Elliot Geno on 11 September 2022, Sunday.

Stained Glass Previews
IQ Test

Stained Glass - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Stained Glass</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1000 1000"> <path fill="#ED10C5" d="M657 176L624 0H420l-16 74" /> <path fill="#B476BC" d="M420 0H221.8L404 74" /> <path fill="#E1CEE7" d="M221 0H0v140l327 275 77-341" /> <path fill="#B476BC" d="M0 140v322l327-47" /> <path fill="#E3B9E3" d="M327 415l362-53-32-186L404 74" /> <path fill="#B646B4" d="M248 783l416-85-337-283" /> <path fill="#E1CEE7" d="M771 788l-21-107-86 17" /> <path fill="#F6A8D4" d="M689 362l-362 53 337 283 86-17" /> <path fill="#E4B7D4" d="M0 462v371l127-25" /> <path fill="#E3B9E3" d="M771 788l229 192V630l-250 51" /> <path fill="#BB85BB" d="M689 362l311-46-343-140" /> <path fill="#ED10C5" d="M750 681l250-51V316l-311 46" /> <path fill="#B476BC" d="M624 0l33 176 343 140V0" /> <path fill="#9D54C9" d="M0 833v167h200l-73-192" /> <path fill="#BB85BB" d="M127 808l73 192 48-217" /> <path fill="#B243B1" d="M811 1000h189v-20L771 788" /> <path fill="#ED10C5" d="M0 462l127 346 121-25 79-368" /> <path fill="#A36DAD" d="M664 698l-416 85-48 217h611l-40-212" /> </svg>
</div> <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/TweenMax-latest-beta.js?r=31 '></script> <script src="js/index.js"></script>
</body>
</html>

Stained Glass - Script Codes CSS Codes

body{ margin:0;
}
.container{ width:100%; height:100%; position:fixed;
}

Stained Glass - Script Codes JS Codes

TweenMax.staggerTo("path",20,{fill:"hsl(+=360, +=0%, +=0%)", repeat:-1, ease:Linear.easeNone},.05);
Stained Glass - Script Codes
Stained Glass - Script Codes
Home Page Home
Developer Elliot Geno
Username pyrografix
Uploaded September 11, 2022
Rating 3
Size 2,127 Kb
Views 38,456
Do you need developer help for Stained Glass?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Elliot Geno (pyrografix) Script Codes
Name
Happy Snowman
Following a Path
Solar Explorer
One Percent
Dot Hopper - Pagination
Eye Bee M
Iris
Gravitational Wave IS DARTH VADER
Bullseye Game
Alternate Tween Properties - TweenMax
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!