Sha256: c3bba3e8d7e44048b495bbbf8d5e1ec9ca411a4359977fa4fbaf9aec93a916a6
Contents?: true
Size: 868 Bytes
Versions: 31
Compression:
Stored size: 868 Bytes
Contents
<!DOCTYPE html>
<html>
<head>
<title>Hello, transition!</title>
<script type="text/javascript" src="../../d3.js"></script>
<style type="text/css">
body {
font: 14px Helvetica Neue;
text-rendering: optimizeLegibility;
margin: 1em;
}
div {
font-size: 42px;
margin-top: .5em;
background-color: steelblue;
color: white;
text-align: right;
}
</style>
</head>
<body>
Your lucky number is:<br>
<div></div>
<script type="text/javascript">
transform();
function transform() {
d3.select("div")
.style("width", "0%")
.style("background-color", "steelblue")
.text("hello\u00a0")
.transition()
.ease("bounce")
.duration(2000)
.style("width", "100%")
.style("background-color", "brown");
}
window.addEventListener("keypress", transform, false);
</script>
</body>
</html>
Version data entries
31 entries across 31 versions & 2 rubygems