[Laure]

Pour sûr ce code ne fonctionnera pas!!! Je suis désolée mon premier post…

C’est mieux:

<div>

</div>

• Cette réponse a été modifiée Il y a 4 mois, 1 semaine par  Laure.

[Laure]

Bonjour,

Une autre idée, avec un SVG.

– En insérant un contrôle “image” sur ton écran, défini aux dimensions qui correspondent celles de ton header.

– Dans la propriété image de ce contrôle , il te faudra créer un svg de type :

<div>
<div>”data:image/svg+xml,” & EncodeUrl(</div>
<div> “</div>

<div><svg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 200 200′></div>
<div> <defs></div>
<div> <linearGradient id=’gradient’ x1=’80%’ y1=’20%’ x2=’5%’ y2=’5%’></div>
<div> <stop offset=’0%’ stop-color=’#FC466B’/></div>
<div> <stop offset=’100%’ stop-color=’#3F5EFB’/></div>
<div> </div>
<div> </linearGradient></div>
<div> </div>
<div> </defs></div>
<div> </div>
<div> <style></div>
<div> </div>
<div> .background {</div>
<div> </div>
<div> fill: url(#gradient);</div>
<div> animation: transition 10s ease infinite alternate;</div>
<div> </div>
<div> }</div>
<div> </div>
<div> @keyframes transition {</div>
<div> </div>
<div> from {transform:translateX(-300%) }</div>
<div> </div>
<div> </div>
<div> </div>
<div> }</div>
<div> </div>
<div> </style></div>
<div> </div>
<div> <g class=’background’></div>
<div> <rect width=’1000′ height=’1000’/></div>
<div> </g></div>
<div> </div>
<div> </div>
<div></svg></div>

<div>”</div>
<div>)</div>
<div> </div>
<div>- Une fois mis en place, positionnes toi sur le contrôle, clic droit =>Réorganiser, puis mettre en arrière plan.</div>
<div> </div>
<div>Tu peux ensuite débuter la création de ton header </div>
<div> </div>
<div>Grossièrement réalisé, cela donne cela:</div>
<div> </div>
<div></div>
<div> </div>
<div> </div>
<div> </div>
</div>