Make a text animated

HTML & CSS
1

How to make text as a animated?

2

More info needed. What text, where? Animated how, for what purpose?

3

for example we type our name ad then this want to be animated means change color and text size automatically.

4

Still too vague, I’m afraid. Please give a clear example of what you are trying to do, in what context, and show us what code you have so far.

5

As Ralph said it’s very difficult to give help unless we know exactly what you need.

You might find something useful here.

6

About adding animation properties to an HTML element, read here.
To learn about animated property changes (@keyframes), read here

I’ve made a little example of text changing its color and font size:

<!DOCTYPE html>
<html>
  <head>
    <style>
      p {
        position: relative;
        /* Chrome, Safari, Opera: with the prefix '-webkit-', others without. */
        -webkit-animation: myfirst 5s; 
        animation: myfirst 5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
      }

      /* Chrome, Safari, Opera */
        @-webkit-keyframes myfirst {
        from {color: red; font-size: 10px;}
        to {color: black; font-size: 20px;}

      }

      /* Standard syntax */
      @keyframes myfirst {
        from {color: red; font-size: 10px;}
        to {color: black; font-size: 20px;}
      } 
    </style>
  </head>
  <body>
    <p>Animated Text</p>
  </body>
</html>
7

@Poonam please provide a clear statement after that I’ll help you. What you want? you want to design a Profile or somethings else?

8

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.