J’ai essayé d’animer certaines lignes de textes avec les formules
ci-dessous , à régler selon (...) |
**Escal V4**
Message posté par Jaseur Boréal <jaseurboreal@free.fr> à la suite de
l’article « test images pleine page ».
* * *
## Animer certaines lignes de textes en pleine-page
J’ai essayé d’animer certaines lignes de textes avec les formules
ci-dessous , à régler selon tests et souhaits ....
` 75% {<br />
font-size: 300%;<br />
margin-left: 25%;<br />
width: 150%;<br />
line-height: 300%;<br />
}<br />
<br />
h1, h2, h3, h4 {<br />
animation-duration: 3s;<br />
animation-name: slidein;<br />
animation-iteration-count: infinite;<br />
}<br />
<br />
@keyframes slidein {<br />
from {<br />
margin-left: 100%;<br />
width: 300%; <br />
}<br />
<br />
75% {<br />
font-size: 300%;<br />
margin-left: 25%;<br />
width: 150%;<br />
}<br />
<br />
to {<br />
margin-left: 0%;<br />
width: 100%; }<br />
} `
Tester pour affinet les réglages .... ;-))
* * *
### Modération
Ne répondez pas à ce mail mais sur le forum à l’adresse suivante :
http://escal.ac-lyon.fr/spip/spip.php?article355#forum7789
— Envoyé par Escal V4 (http://escal.ac-lyon.fr/spip/)
