Happy Birthday Rohit Sharma

 


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Hitman</title>
  <link rel="stylesheet" href="./style.css">
</head>
<body>
  <div class="glow-text-container">
    <h1 class="glow-text" id="hitman-text"></h1>
  </div>

  <script src="./script.js"></script>
</body>
</html>


//CSS
body {
    background-color: #111;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
  }
 
  .glow-text-container {
    text-align: center;
  }
 
  .glow-text {
    font-size: 6em;
    font-family: 'Arial', sans-serif;
    animation: glowing 2s linear infinite;
    color: #2196f3; /* Material Blue */
  }
 
  .image-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
 
  .hidden {
    display: none;
  }
 
  @keyframes glowing {
    0% {
      text-shadow: 0 0 10px #2196f3, 0 0 20px #2196f3, 0 0 30px #2196f3, 0 0 40px #2196f3, 0 0 50px #2196f3, 0 0 60px #2196f3, 0 0 70px #2196f3;
    }
    50% {
      text-shadow: none;
    }
    100% {
      text-shadow: 0 0 10px #2196f3, 0 0 20px #2196f3, 0 0 30px #2196f3, 0 0 40px #2196f3, 0 0 50px #2196f3, 0 0 60px #2196f3, 0 0 70px #2196f3;
    }
  }




//JS

document.addEventListener("DOMContentLoaded", function() {
    const textElement = document.getElementById('hitman-text');
    const textContent = "Happy Birthday Hitman";
    let index = 0;
 
    function typeText() {
      textElement.textContent += textContent[index];
      index++;
      if (index < textContent.length) {
        setTimeout(typeText, 100); // Adjust typing speed here (in milliseconds)
      }
    }
 
    typeText();
  });

 

Comments

Post a Comment

Popular posts from this blog

Exploring Various Types of Buttons in Android Studio: A Beginner's Guide

Are you new to Android Studio and wondering about the different types of buttons you can use in your app? Look no further! In this beginner's guide, we'll explore the various types of buttons available in Android Studio, from basic to more advanced options. Buttons are a fundamental element of any user interface, allowing users to interact with your app in meaningful ways. Understanding the different types of buttons and how to use them effectively can greatly enhance the usability and aesthetics of your app. We'll delve into the classic "Button" widget, versatile "ImageButton" for images as buttons, "ToggleButton" for switch-like functionality, "CheckBox" and "RadioButton" for selection, and more. By the end of this guide, you'll have a solid understanding of when and how to use each type of button in your Android app development journey. Let's dive in and explore the world of buttons in Android Studio together! You...
Read more

Create a Light Blub using ChatGPT

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Light Bulb </ title >   < link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" >   < link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons" >   < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" >   < style >     body {       display : flex ;       justify-content : center ;       align-items : center ;       height : 100vh ;       margin : 0 ;       background-color : #121212 ; /* dark background */     }     #container {  ...
Read more

Kotlin Chat Application Development Explained

Image
Are you eager to create your very own chatbot using Kotlin? Look no further! In this comprehensive guide, we'll walk through the process of building a chat application from scratch. By the end of this tutorial, you'll have a fully functional chatbot ready to interact with users. Introduction Chatbots have become an integral part of modern communication, from customer service to personal assistants. With Kotlin, Google's preferred language for Android development, you can create powerful and efficient chat applications. In this tutorial, we'll leverage Kotlin's concise syntax and robust features to develop a chatbot that can engage in conversations with users. Setting Up the Project To begin, let's set up our Android project in Android Studio. Create a new project and choose Kotlin as the programming language. Once the project is set up, we'll start by designing the user interface using XML layout files. Designing the User Interface Our chat application will ...
Read more