Add files via upload

Rustcodeweb · web-flow · commit 50708dd61d2f · 2019-04-07T22:37:34.000+05:30
diff --git a/index.html b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Typewriter Effect</title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+
+<body>
+
+	<p>Pure Css Typewriter Effect.</p>
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,36 @@
+body{
+	background: #000;
+	color: lime;
+}
+p{
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%,-50%);
+	font-size: 24px;
+	font-family: arial;
+	letter-spacing: 2px;
+	text-align: center;
+	box-sizing: border-box;
+	overflow: hidden;
+	white-space: nowrap;
+	border-right: 2px solid white;
+	animation: typingEffect 4s steps(40) 500ms 1 normal,
+	blinkEffect 500ms steps(40) infinite normal;
+}
+@keyframes typingEffect {
+	from{
+		width: 0;
+	}
+	to{
+		width: 15em;
+	}
+}
+@keyframes blinkEffect {
+	from{
+		border-right-color: white;
+	}
+	to{
+		border-right-color: transparent;
+	}
+}
