Discussion :

[olivierdauxais]

on commence toujours par faire du non optimisé, et après on optimise quand ça fonctionne. C'est bien plus facile.

Oui, tout à fait d'accord.

Par exemple, pour faire un fonds d'écran aux couleurs d'un arc en ciel, on peut mettre une bonne vieille photo bien lourde d'un arc en ciel ou on peut utiliser cette fonction innovante de CSS3 background: linear-gradient...

Code :

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

1
2
3
<style>
body {background: linear-gradient(lightblue, lightblue, violet, blue, green, yellow, orange, red, lightblue, lightblue);}
</style>

Et ça donne le document ci-dessous:

Rainbow BG.html

Donc, je repose ma question (un peu différement si cela peut faire avancer le chimiliblick):
Connaissez-vous une nouvelle fonction CSS3 ou une combinaison de celle-ci avec un petit script pour créer un fond d'écran animé et léger qui simulerait le mouvement de l'eau ou tout autre effet similaire?

[Invité]

Bonjour,

Nous, on t'a déjà fourni des pistes....


on attends toujours que TU donnes quelques liens, scripts... que TU aurais trouvés en .... CHERCHANT (de TON coté) *....

, par exemple....

C'est ça aussi, l'entraide *....




* Le fait est que ça intéresse du monde, ici.....

[olivierdauxais]

Salut le dalmatien,

Il est génial ton forum...
C'est peut-être l'unique forum où il faut amener soi-même la réponse à la question qu'on a posé... !!!

Ahahahah... Il est vraiment trop top ce forum... Ahahahah

Lorsque je n'habite pas sur mon "yacht" de 3m80 (www.olivierdauxais.fr), j'habite dans mon "palace":
Une cabane dans un arbre.

Le point commun entre ma "résidence principale" et ma "résidence secondaire" est qu'il n'y a pas de ligne téléphonique et encore moins de fibre optique pour télécharger tous ces sites de plus en plus lourds, incapables d'avoir des pages en dessous de 500 Ko... !!!

En ce moment même, je suis dans mon véhicule garé au pied du wifi de mon voisin qui habite à 800m.

Je suppose que vous comprenez donc que faire des recherches sur le net n'est pas aussi simple que ça pour moi...

[Invité]

Ah, ça y est ! Je me souviens...
J'avais déjà visité ton site il y a déjà un bon moment


Ce qui n'enlève rien à ce qui a été dit, et expliqué : privilégier l'indispensable plutôt que le superflu.

Quant aux recherches (pour TA problématique), tu comprendras aussi qu'on n'a pas que ça à faire non plus...

[EDIT] Quelques recherches sur codepen :
http://codepen.io/search/pens/?q=water

• http://codepen.io/tmrDevelops/pen/obZZVR
• http://codepen.io/khadkamhn/pen/XbzYde
• http://codepen.io/evatoth/pen/xwZoNa
• http://codepen.io/lonekorean/pen/FnGty

http://codepen.io/search/pens/?q=wave

• http://codepen.io/joshbader/pen/BzVmVw

[patricktoulon]

bonjour
le must et encore plus simple et le moins lourd en terme d'utilisation de mem c'est d'embarquer un gif en base64 dans le code pas trop gros et en background avec repeat

voir dans un div élargir le background a la taille du div en "norepeat"

[patricktoulon]

re
un exemple a l'arrache comme ca vite fait

[olivierdauxais]

Excusez-moi pour mon manque de suivi de ce fil mais il a fallu que je me reconcentre sur l'indispensable comme tu dis cher dalmatien.

Je te remercie pour tes liens "codepen... etc".

J'aime bien ton dernier lien: http://codepen.io/joshbader/pen/BzVmVw
qui montre une animation dont le code n'a pas l'air trop compliqué...
Et qui de plus semble en HTML et pure CSS sans l'apport d'un javascript... Cool

Merci aussi Patrick pour ton exemple à l'arrache vite fait.

Je garde en tête ce fil et j'y reviendrais quand j'aurais un peu plus de temps libre pour le "superflu".