Discussion :

[neperien]

Bonjour à tous,
j'ai créé un site qui utilise pas mal de blur (l'effet qui rend flou). Sous firefox ça rend bien, c'est fluide, mais sous chrome c'est une horreur. (sauf sans le blur) J'ai donc décidé d'utiliser le même filtre pour firefox et chrome

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
     -webkit-filter:custom(url(../svg/blur.svg#blur));
    filter:url(../svg/blur.svg#blur);

EDIT :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
     -webkit-filter:url(/svg/blur.svg#blur);
    filter:url(../svg/blur.svg#blur);

La fluidité n'est toujours pas au rdv...
Ca marche sous firefox, mais pas sous chrome O_o Que faire ?

Merci d'avance !

Bon dimanche
Cordialement

[rodolphebrd]

Pour Chrome je verrais -webkit-filter:blur(3px);

[neperien]

En faite : sans le blur c'est fluide, avec c'est une horreur. Donc j'essaye de voir si ça vient du filtre webkit, de mon site , ou carrément de chrome. (Peut être que chrome supporte mal le blur)

[rodolphebrd]

Il n'y a pas de problème sous chrome avec ce test : http://codepen.io/rodolpheb/pen/AmCuG

[neperien]

Bonjour, je vous laisse tester la fluidité de mon site sur http://parkourt.free.fr/JE2 Sous firefox c'est impec, sous chrome c'est juste une horreur.

[rodolphebrd]

Déjà à première vue il faudrait essayer de construire une page correctement.