English, asked by pratimabhartidgp3, 8 months ago

A moment when you felt that you
were starting grow up
live now
a Senior student. PARAGAPH
to
you are​

Answers

Answered by Anonymous
3

Answer:

</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;style&gt;</p><p>#animated-example { </p><p>   width: 200px;</p><p>   height: 200px;</p><p>   position: relative;</p><p>   background-color: #62A80A;</p><p>   border: solid 1px #1A7404;</p><p>} </p><p></p><p>.animated { </p><p>   -webkit-animation-duration: 1s; </p><p>   animation-duration: 1s; </p><p>   -webkit-animation-fill-mode: both; </p><p>   animation-fill-mode: both; </p><p>   -webkit-animation-timing-function: ease-in; </p><p>   animation-timing-function: ease-in; </p><p>   animation-iteration-count:infinite; </p><p>   -webkit-animation-iteration-count:infinite; </p><p>} </p><p></p><p>@-webkit-keyframes bounceInUp { </p><p>    0% { </p><p>        opacity: 0; </p><p>        -webkit-transform: translateY(200px); </p><p>    } </p><p>    60% { </p><p>        opacity: 1; </p><p>        -webkit-transform: translateY(-30px); </p><p>    } </p><p>    80% { </p><p>        -webkit-transform: translateY(10px); </p><p>    } </p><p>    100% { </p><p>        -webkit-transform: translateY(0); </p><p>    } </p><p>} </p><p></p><p>@keyframes bounceInUp { </p><p>    0% { </p><p>        opacity: 0; </p><p>        transform: translateY(200px); </p><p>    } </p><p>    60% { </p><p>        opacity: 1; </p><p>        transform: translateY(-30px); </p><p>    } </p><p>    80% { </p><p>        transform: translateY(10px); </p><p>    } </p><p>    100% { </p><p>        transform: translateY(0); </p><p>    } </p><p>} </p><p></p><p>.bounceInUp { </p><p>    -webkit-animation-name: bounceInUp; </p><p>    animation-name: bounceInUp; </p><p>}&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;/html&gt;</p><p>

Similar questions