Vous pouvez constater en faisant défiler l'information horizontalement que les blocs "hello" semblent ne pas avoir de couleur de fond puisqu'elle est blanche comme celle du body, et que lorsqu'ils passent sur la zone fixe de cadrage rouge, ils donnent l'illusion d'en acquérir une.
Jusque là tout allait bien ce n'était pas très compliqué pour moi.
Or j'ai envie de pousser le bouchon un peu plus loin et de recréer cet effet en inversant la donne. je souhaiterait que ma zone de cadrage soit invisible (blanche comme le body) et que mes blocs "hello" acquièrent la couleur rouge en "background-color" (le texte devra quant à lui passer au blanc pour qu'il soit lisible).
Et là je sèche, j'ai beau tourner le problème dans tous les sens en ayant évité soigneusement de me tourner vers le java script.
J'espère bien me faire comprendre. En clair je souhaiterait que ma zone (rouge dans l'exemple) devienne un masque (invisible) qui change la couleur de fond et du texte de mes blocs qui défilent horizontalement.
Auriez vous une solution ? cela est-il possible ?
A voir également:
Zone de cadrage fixe sur blocs défilants sur css/html