ONE ssss: CODE ( Your ID )

/* DEMO-SPECIFIC STYLES */

#creator{
 font-size: 10px;

border: none;
    outline: none;
  color: #fff;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation : colorchange 20s infinite;

}

#viewtext{
 font-size: 10px;

border: none;
    outline: none;
  color: #fff;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 15s steps(150, end),
    blink-caret .5s step-end infinite,
    colorchange 20s infinite;
    
      
}

@keyframes colorchange{
0%{color:green;}
25%{color:white;}
50%{color:green;}
75%{color:white;}
100%{color:green;}

}

/* The typing effect */
@keyframes typing {
  from { height: 0% }
  to {height: 100% }
}

/* The typewriter cursor effect */

</style>
</head>
<body >

Your ID | ONE Code
programmed by Subham Mandal
Please Wait....

CODE ( Your ID )

Loading...