A Pen by Jim Savage

Developer
Jim Savage
Size
2,418 Kb
Views
14,168
  1. A Pen by Jim Savage Previews
  2. A Pen by Jim Savage HTML Codes
  3. A Pen by Jim Savage CSS Codes
  4. A Pen by Jim Savage JS Codes

How do I make an a pen by jim savage?

What is a a pen by jim savage? How do you make a a pen by jim savage? This script and codes were developed by Jim Savage on 19 November 2022, Saturday.

A Pen by Jim Savage Previews
IQ Test

A Pen by Jim Savage - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Jim Savage</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="container"></div>
<a href="http://graphemelabs.com"> <div class="overlay"> made.by(jam); </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://rawgithub.com/Grapheme/graphemescope/master/lib/graphemescope.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Jim Savage - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
body { /* Makes kaleidoscope fullscreen */ margin: 0; padding: 0; overflow : hidden; background-color : black;
}
.overlay { background-color: black; opacity : 0.9; padding : 5px; position:absolute; top: 5px; left: 0px; z-index: 2; font-family: "Roboto Condensed"; font-size: 1.5em; color: white; text-decoration: none;
}

A Pen by Jim Savage - Script Codes JS Codes

var images = [ "https://dl.dropboxusercontent.com/s/yt6mfabsr5qqs2g/test4.jpg?dl=1&token_hash=AAEnDM-0ejIK8QJj2o9QSK2MU7AwFDS_NKviA9O1HprpNQ"
];
// Let's create graphemescope object inside the container
var container = $("#container");
var scope = new Graphemescope( container[0] );
var index = 0;
function changePicture() { scope.setImage(images[index]); index = (index + 1) % images.length;
};
setInterval(changePicture, 2000);
changePicture();
$(window).mousemove(function(event) { var factorx = event.pageX / $(window).width(); var factory = event.pageY / $(window).height() // This will move kaleidoscope scope.angleTarget = factorx; scope.zoomTarget = 1.0 + 0.5 * factory;
});
var resizeHandler = function() { container.height( $(window).height() ); container.width( $(window).width() );
};
$(window).resize(resizeHandler);
$(window).resize();
container.click(changePicture);
A Pen by Jim Savage - Script Codes
A Pen by Jim Savage - Script Codes
Home Page Home
Developer Jim Savage
Username madebyjam
Uploaded November 19, 2022
Rating 3
Size 2,418 Kb
Views 14,168
Do you need developer help for A Pen by Jim Savage?

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!

Jim Savage (madebyjam) Script Codes
Name
CSS3 background scroll
Stretch irregular shape around dynamic text.
Susy2 - mimicking the bootstrap3 grid
Progression Steps
Physijs test
Warhol Soup - CSS cylinder
SVG play
CSS Only - Circular Percentage Chart
Cross-Browser image masking with SVG
Bootstrap 3 inspired docs.
Create amazing blog posts 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!