isDevCode
diff --git a/‎14 - efeito rolagem com mouse hover/images/imagem.jpg‎
479 KB b/‎14 - efeito rolagem com mouse hover/images/imagem.jpg‎
479 KB
diff --git a/‎14 - efeito rolagem com mouse hover/images/imagem2.jpg‎
263 KB b/‎14 - efeito rolagem com mouse hover/images/imagem2.jpg‎
263 KB
diff --git a/‎14 - efeito rolagem com mouse hover/index.html‎
Lines changed: 16 additions & 0 deletions b/‎14 - efeito rolagem com mouse hover/index.html‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎14 - efeito rolagem com mouse hover/style.css‎
Lines changed: 36 additions & 0 deletions b/‎14 - efeito rolagem com mouse hover/style.css‎
Lines changed: 36 additions & 0 deletions
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>Efeito rolagem com Hover</title>
+</head>
+<body>
+
+    <div class="img-port site1" style="background-image: url(https://github.com/images/imagem2.jpg); transition: 10s;"></div><!--img-port-->
+    
+    <div class="img-port site2" style="background-image: url(https://github.com/images/imagem.jpg); transition: 20s;"></div><!--img-port-->
+
+</body>
+</html>
@@ -0,0 +1,36 @@
+
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body{
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.img-port{
+    width: 360px;
+    height: 660px;
+    background-size: cover;
+    background-position: 100% 0%;
+    border-radius: 20px;
+    cursor: pointer;
+}
+
+.img-port:hover{
+    background-position: 100% 100%;
+}
+
+.site1{
+    background-image: url(images/imagem.jpg);
+    transition: 100s;
+}
+
+.site2{
+    background-image: url(images/imagem2.jpg);
+    transition: 10s;
+}