ejercicio de animaciones

kevincharp · kevincharp · commit c70267f199ef · 2023-06-27T22:48:57.000-03:00
diff --git a/09-Animaciones/EjercicioAnimaciones.css b/09-Animaciones/EjercicioAnimaciones.css
@@ -0,0 +1,23 @@
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.btn-modern {
+
+    padding: 10px 20px;
+    border: none;
+    border-radius: 10px;
+    cursor: pointer;
+
+}
+
+.btn-modern:hover {
+    transform: translateY(5px);
+    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
+    background-color: #00b8f0;
+    color: #ffffff;
+    transition: all 0.4s;
+}
diff --git a/09-Animaciones/EjercicioAnimaciones.html b/09-Animaciones/EjercicioAnimaciones.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="EjercicioAnimaciones.css">
+    <title>Animaciones y transiciones en CSS</title>
+</head>
+<body>
+    <button class="btn-modern">Boton Moderno</button>
+</body>
+</html>
