Test Code
Webside
Visiteurs depuis le
06/12/2020 :
> 11018 <Connectés :
> 1 <Record de connectés :
> 36 <
Visiteurs aujourd'hui :
> 10 <
Pages vues depuis le début
> 49191 <
Pages vues aujourd'hui :
Pranx Hacker
Sound
Accessory
Alphabet
Ange/Fée
Bboguri
Cuisine
Disney
Enfants
Fleurs
Floaties
Halloween
Hello Kitty
Noël
Messages
Pâques
Paysages
Personnes
Stickers
Separation
Small/micro
Small Dolls
Zodiac
Digimon
Intarsia
Lackadaisy
Laurie
Okini Japan
Words
Horizontal bounce...CSS..
<p> </p> <table width="100%"> <tbody> <tr> <td align="CENTER"> <style><!-- .horizontally { width: 80%; height: 50px; overflow: hidden; position: relative; background: transparent; color: #000; border: 1px solid black; box-shadow: inset 0px 0px 8px #000; } .horizontally p { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: center; /* Starting position */ -moz-transform:translateX(50%); -webkit-transform:translateX(50%); transform:translateX(50%); /* Apply animation to this element */ -moz-animation: horizontally 5s linear infinite alternate; -webkit-animation: horizontally 5s linear infinite alternate; animation: horizontally 5s linear infinite alternate; } /* Move it (define the animation) */ @-moz-keyframes horizontally { 0% { -moz-transform: translateX(50%); } 100% { -moz-transform: translateX(-50%); } } @-webkit-keyframes horizontally { 0% { -webkit-transform: translateX(50%); } 100% { -webkit-transform: translateX(-50%); } } @keyframes horizontally { 0% { -moz-transform: translateX(50%); /* Browser bug fix */ -webkit-transform: translateX(50%); /* Browser bug fix */ transform: translateX(50%); } 100% { -moz-transform: translateX(-50%); /* Browser bug fix */ -webkit-transform: translateX(-50%); /* Browser bug fix */ transform: translateX(-50%); } } --></style> <div class="horizontally"> <p>Horizontal bounce...CSS..</p> </div> </td> </tr> </tbody> </table>
Connexion :