12- HTML y CSS de 0 a 100 [Pseudo-classes ]🌐

https://youtu.be/oqcxAfEU8dk
programadornovato · Jul 3, 2019 · 2015f3e · 2015f3e
1 parent 2046d0e
commit 2015f3e
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 0 deletions.
diff --git a/css/hover.css b/css/hover.css
@@ -0,0 +1,12 @@
+.virnes{
+    background-color: aqua;
+    color: black;
+}
+.virnes:hover{
+    background-color: black;
+    color: aqua;
+}
+.virnes:active{
+    width: 50%;
+}
+
diff --git a/hover.html b/hover.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Hover</title>
+    <link href="css/hover.css" rel="stylesheet">
+</head>
+
+<body>
+    <button class="virnes">Guardar algo extra</button>
+    <span class="virnes">Guardar algo extra</span>
+</body>
+
+</html>