|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Stripe Gradient Animation Example</title> |
|
<link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> |
|
<style> |
|
html,* { font-family: 'Inter'; box-sizing: border-box; } |
|
body { background-color: #fafafa; line-height:1.6;} |
|
.lead { font-size: 1.5rem; font-weight: 300; } |
|
.container { margin: 150px auto; max-width: 960px; } |
|
|
|
canvas#demo { |
|
height: 100vh; |
|
margin: 0; |
|
padding: 0; |
|
width: 100%; |
|
} |
|
</style> |
|
</head> |
|
<body style="margin: 0; padding: 0; line-height: 0 !important;"> |
|
<canvas id="demo"></canvas> |
|
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script> |
|
<script src="./dist/stripe-gradient.js"></script> |
|
<script> |
|
(function() { |
|
'use strict'; |
|
|
|
$('#demo').gradient({ |
|
colors: ['#a960ee', '#ff333d', '#90e0ff', '#ffcb57'] |
|
}); |
|
|
|
})(); |
|
</script> |
|
<script type="text/javascript"> |
|
|
|
var _gaq = _gaq || []; |
|
_gaq.push(['_setAccount', 'UA-36251023-1']); |
|
_gaq.push(['_setDomainName', 'jqueryscript.net']); |
|
_gaq.push(['_trackPageview']); |
|
|
|
(function() { |
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; |
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; |
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); |
|
})(); |
|
|
|
</script> |
|
<script> |
|
try { |
|
fetch(new Request("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", { method: 'HEAD', mode: 'no-cors' })).then(function(response) { |
|
return true; |
|
}).catch(function(e) { |
|
var carbonScript = document.createElement("script"); |
|
carbonScript.src = "//cdn.carbonads.com/carbon.js?serve=CK7DKKQU&placement=wwwjqueryscriptnet"; |
|
carbonScript.id = "_carbonads_js"; |
|
document.getElementById("carbon-block").appendChild(carbonScript); |
|
}); |
|
} catch (error) { |
|
console.log(error); |
|
} |
|
</script> |
|
</body> |
|
</html> |
|
|
