initial basic

leeraaz · Feb 18, 2019 · fe7f074 · fe7f074
commit fe7f074
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+
+<html>
+
+  <head>
+
+    <meta name = "viewport" content = "initial-scale=1,user-scalable=no,width=device-width">
+    <meta name = "description" content = "">
+    <link href = "style.css" rel = "stylesheet" type = "text/css">
+
+    <title>R G B</title>
+
+  </head>
+
+  <body>
+
+    <div id="rgb">
+        <div id="r" onmouseover="body.style.background='red';this.style.color='white';" 
+                    onmouseout="body.style.background='white';this.style.color='black';">R</div>
+        <div id="g" onmouseover="body.style.background='green';this.style.color='white';" 
+                    onmouseout="body.style.background='white';this.style.color='black';">G</div>
+        <div id="b" onmouseover="body.style.background='blue';this.style.color='white';" 
+                    onmouseout="body.style.background='white';this.style.color='black';">B</div>
+    </div>
+
+
+
+
+    <script src = "script.js" type = "text/javascript"></script>
+
+
+  </body>
+
+</html>
diff --git a/script.js b/script.js
diff --git a/style.css b/style.css
@@ -0,0 +1,34 @@
+body{
+    text-align: center;
+    vertical-align: middle;
+  }
+#rgb{
+    padding-top: 75px;
+    margin: auto;
+}
+#r{
+    font-size: 300px;
+    display: inline-block;
+    cursor: pointer;
+}
+#g{
+    font-size: 300px;
+    display: inline-block;
+    cursor: pointer;
+}
+#b{
+    font-size: 300px;
+    display: inline-block;
+    cursor: pointer;
+}
+
+button{
+    background: transparent;
+    border: 0;
+}
+
+
+#r:hover + #rgb{
+   background-color: red;
+}
+