Question

What is the uses of paint button

Answer 1

Explanation:

<style style="text/css">

.marquee {

height: 50px;

overflow: hidden;

position: relative;

}

.marquee p {

position: absolute;

width: 100%;

height: 100%;

margin: 0;

line-height: 50px;

text-align: center;

/* Starting position */

-moz-transform:translateX(100%);

-webkit-transform:translateX(100%);

transform:translateX(100%);

/* Apply animation to this element */

-moz-animation: scroll-left 5s linear infinite;

-webkit-animation: scroll-left 5s linear infinite;

animation: scroll-left 5s linear infinite;

}

/* Move it (define the animation) */

@-moz-keyframes scroll-left {

0% { -moz-transform: translateX(100%); }

100% { -moz-transform: translateX(-100%); }

}

@-webkit-keyframes scroll-left {

0% { -webkit-transform: translateX(100%); }

100% { -webkit-transform: translateX(-100%); }

}

@keyframes scroll-left {

0% {

-moz-transform: translateX(100%); /* Browser bug fix */

-webkit-transform: translateX(100%); /* Browser bug fix */

transform: translateX(100%);

}

100% {

-moz-transform: translateX(-100%); /* Browser bug fix */

-webkit-transform: translateX(-100%); /* Browser bug fix */

transform: translateX(-100%);

}

}

</style>

<div class="marquee">

<p>Scrolling text... </p>

</div>