Ian Cadori de Siqueira - Versão 1

IanSiqueira · Aug 19, 2023 · 7807856 · 7807856
1 parent bcee21b
commit 7807856
Show file tree

Hide file tree

Showing 6 changed files with 75 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,4 @@
+html,
+body {
+    height: 100%
+}
diff --git a/head-gif.gif b/head-gif.gif
diff --git a/head-spinning-GSAP-main/index.html b/head-spinning-GSAP-main/index.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="pt-br">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="css/style.css">
+
+    <title>Cabeça Girando </title>
+    <h1>Veja</h1>
+    <h2>Vejaaaaaaaaaaa</h2>
+</head>
+
+<body>
+
+
+    <div class="h-100 d-flex align-items-center justify-content-center">
+        <img id="img" src="img/cabeca.jpg">
+    </div>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
+    <script src="js/main.js"></script>
+
+
+</body>
+
+</html>
diff --git a/img/cabeca.jpg b/img/cabeca.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="pt-br">
+
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="css/style.css">
+
+    <title>Cabeça Girando </title>
+    <h1>Veja</h1>
+    <h2>Vejaaaaaaaaaaa</h2>
+</head>
+
+<body>
+
+
+    <div class="h-100 d-flex align-items-center justify-content-center">
+        <img id="img" src="img/cabeca.jpg">
+    </div>
+
+
+
+
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
+    <script src="js/main.js"></script>
+
+
+</body>
+
+</html>
diff --git a/js/main.js b/js/main.js
@@ -0,0 +1 @@
+TweenMax.to("#img", 10, { rotation: 360, ease: Linear.easeNone, repeat: -1 })
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		TweenMax.to("#img", 10, { rotation: 360, ease: Linear.easeNone, repeat: -1 })