EFFET D'ONDULATION SUR TEXTE ET/OU IMAGE
stfou
Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
-
26 juin 2006 à 19:29
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 11 déc. 2006 à 16:42
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 11 déc. 2006 à 16:42
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.
https://codes-sources.commentcamarche.net/source/38313-effet-d-ondulation-sur-texte-et-ou-image
https://codes-sources.commentcamarche.net/source/38313-effet-d-ondulation-sur-texte-et-ou-image
11 déc. 2006 à 16:42
Le principe de base est de créer au départ autant de
identiques que la hauteur du DIV d'origine, regardes la barre d'info sous le titre au début, pour un DIV de 100px de haut on crée donc 100 DIV identiques, c'est pour cela que c'est gourmand.
Une fois que l'on a tous les DIVs on utilise la propriétée clip des DIV pour ne faire apparaître qu'une partie de ceux ci
exemple : "rect( 0px, 100px, 1px, 0px)" ne montre que 100px de large et 1px de haut.
...donc pour les 10 DIVs...
le 1st on montre la première ligne
le 2nd on montre la deuxième ligne
...etc...
Ensuite on en fait ce que l'on veut en jouant sur la position en X et en Y...
Plein d'effets peuvent donc être réalisés...
A toi de jouer et BONNE PROG
;0)
8 déc. 2006 à 22:05
j'ai suis pas sur d'avoir compris le principe..
le
permet de definir un bloque..
bon, on affiche une image dans ce bloque
<img src="image.jpg"
et ensuite on redefinis la taille de ce bloque.. c cela le principe?
27 juin 2006 à 20:03
27 juin 2006 à 09:16
26 juin 2006 à 22:37
26 juin 2006 à 19:29
<script>
i=0;
setInterval('if(i<100){document.getElementById("div").filters.wave.phase=i;i++}else{i=0}',1);
</script>
voilà