adicionando italiana em pastas

braiatenebras · Nov 11, 2024 · 95f878a · 95f878a
1 parent 771b0e1
commit 95f878a
Show file tree

Hide file tree

Showing 2 changed files with 64 additions and 0 deletions.
diff --git a/italiana/roberta.css b/italiana/roberta.css
@@ -0,0 +1,43 @@
+body{
+    background-color: white;
+    margin: 0%;
+      padding: 0%;
+  }
+  .button {
+    margin: 0;
+    height: auto;
+    background: transparent;
+    padding: 0;
+    border: none;
+    cursor: pointer;
+  }
+  .button {
+    border-right: 6px;
+    --text-stroke-color: rgba(255,255,255,0.6);
+    --animation-color: red;
+    --fs-size: 2em;
+    letter-spacing: 3px;
+    text-decoration: none;
+    font-size: var(--fs-size);
+    font-family: "Arial";
+    position: relative;
+    text-transform: uppercase;
+    color: transparent;
+    -webkit-text-stroke: 1px var(--text-stroke-color);
+  }
+  .hover-text {
+    position: absolute;
+    box-sizing: border-box;
+    content: attr(data-text);
+    color: var(--animation-color);
+    width: 0%;
+    inset: 0;
+    border-right: var(--border-right) solid var(--animation-color);
+    overflow: hidden;
+    transition: 0.5s;
+    -webkit-text-stroke: 1px var(--animation-color);
+  }
+  .button:hover .hover-text {
+    width: 100%;
+    filter: drop-shadow(0 0 23px var(--animation-color)) 
+  }
diff --git a/italiana/roberta.html b/italiana/roberta.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="roberta.css">
+    <title> Culinária italiana</title>
+</head>
+
+<body>
+
+
+
+
+
+
+
+</body>
+
+</html>