Can anyone help finding out what's wrong with this code ? It's not working.
I have checked it several times but can't seem to find out what's wrong! I have also made sure that the .js files are linked right.
This is my code:
<head>
<meta charset="utf-8" />
<title>Index</title>
<script type="text/javascript" src="http://ift.tt/2n9t8Vj"></script>
<script src="jquery.lettering.js" ></script>
<script src="circletype.min.js" ></script>
<script src="modernizr-2.6.2-respond-1.1.0.min.js" ></script>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background: #000000;
font-family: arial;
}
#text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 4em;
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<h2 id="text">This is the text</h2>
<script>
$('#text').circleType({radius:384});
</script>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire