Bonjour a tous,

J'ai un petit soucis. Je possede une image que j'aimerai utiliser en tant que background. 

Mon soucis est que les motifs ne se suivent pas du coup lorsque j'utilise mon image en background image j'ai des "coupures".

Voici l'URL: https://user.oc-static.com/upload/2019/04/23/15559942433673_bg-musume.png

Merci de votre aide (si vous y arrivez)

Hello,

Tu peux te tourner vers les multiples propriétés de background tel que:

 background-size: cover;

@vernaisc

merci pour ta reponse malheureusement non car j'anime ensuite le background en jouant justement sur les valeurs du background-position (en javascript). Tout fonctionne impeccable exepte le fait que les motifs ne se suivent pas et que je ne sais pas comment retravailler l'image.

Bonjour Scion,

Pour moi, ton image de base n'est pas bonne.

dans mon logiciel de retouche d'image si je mes les même images côte à côte les liaisons ne sont pas bonnes (droite et gauche basse , haute et basse)

Je pense qu'il faut que tu retourches l'image pour que les liaisons soient justes.

Perso, je ne vois pas comment recaler tout cela en CSS

Bonjour,

Rien de compliqué ni de bien méchant.

Il suffit simplement de trouver l'endroit où se répète le motif et découper le visuel en fonction.

Voici ce que ça donne : https://jsfiddle.net/pguv6j4x/

Cela dit, ton image de base n'es pas correctement construite comme le souligne AliasDmc. Il m'a été difficile de trouver un endroit de répétition puisqu'il y en a pas vraiment.

@AliasDmc @Lord Morpheus

Bonjour et desole du temps de reponse.
Oui je sais que mon image n'est pas bonne (d'ou mon probleme en fait).

@Lord Morpheus : ton exemple semble fonctionner (J'aimerai avoir ton talent).

merci infiniment