technifree


Connexion

Identifiant :

Mot de passe :

Se souvenir de moi



Mot de passe perdu ?

Inscrivez-vous !

Contenu du site

731 logiciels gratuits
242 Liens Web
4 Articles
349 Membres
10780 Posts sur le forum
Pour 1729 sujets

Site mis à jour le: 20.10.2018

Hébergeur d'images pour le site



Parcourir cette discussion :   1 Utilisateurs non enregistré en ligne






Cherche expert en animation CSS3
#1
Administrateur
Administrateur


Informations utilisateur
Bonsoir bonsoir,
J'ai cherché beaucoup et je n'arrive pas à ce que je veux. Je découvre CSS3 et je me suis lancée dans les animations. Mais mon chameau refuse d'être dressé.
Regardez dans le header, là : http://alter.guppystory.org/
Normalement, il devrait faire un beau demi-tour quand il arrive à un bout de la bannière et repartir dans l'autre sens, mais c'est n'importe quoi.
Quelqu'un aurait une idée ?

Date de publication : 04/12/2014 19:33
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Dénoncer Haut


Re : Cherche expert en animation CSS3
#2
Administrateur
Administrateur


Informations utilisateur
Bonjour,

je ne vois pas ton code css vu que l'analyse de la page m'en mets partout.
A la limite, poste le ici, ça ira plus vite.

Sinon t'es allée voir chez alsacréations ?
http://blogs.msdn.com/b/davrous/archi ... -aux-animations-css3.aspx

Date de publication : 05/12/2014 07:30
Image redimensionnée
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Dénoncer Haut


Re : Cherche expert en animation CSS3
#3
Administrateur
Administrateur


Informations utilisateur
Merci Vincent. Oui j'ai déjà regardé sur AlsaCréation, mais j'avais pas encore repéré le lien que tu viens de me donner. J'avais réussi à faire comme le petit robot dans l'article : le chameau (c'est déjà un gif animé, pour l'effet de marche) part de la gauche pour aller jusqu'à la droite où il disparait. Et il réapparait à gauche pour recommencer. J'essayais de faire en sorte qu'arrivé à droite il fasse demi-tour et reparte dans l'autre sens vers son point de départ. Je dois avoir un souci entre le choix du timing et la localisation de l'événement.

Voici mon code pour le #chamo (ça marche quasi que dans Firefox, il n'est pas préfixé: ce sera nécessaire, mais tant que c'est pas définitif , vu le nombre de modifs que j'y teste, j'attends encore)
#chamo {
 
width:12%;
 
height:auto;
 
position:absolute;
 
top:7rem;
 
left:5rem;
 
z-index:10;
 
animation:cssAnimation 20s infinite linear;
 }

 @
keyframes cssAnimation{
    
0%  { transform:translate(0);}
    
45%  { transform:translate(50rem);}
    
100% { transformscaleX(-1);}
}

Date de publication : 05/12/2014 09:16
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Dénoncer Haut


Re : Cherche expert en animation CSS3
#4
Administrateur
Administrateur


Informations utilisateur
et sans ce paramètre, ça donne quoi ?
45% { transform:translate(50rem);}

Date de publication : 06/12/2014 19:53
Image redimensionnée
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Dénoncer Haut


Re : Cherche expert en animation CSS3
#5
Administrateur
Administrateur


Informations utilisateur
J'ai joué un peu sur CodePen : http://codepen.io/anon/pen/EaPZmG
et posté le code sur Github pour pas perdre le fil : https://gist.github.com/anonymous/0cf2c6f349e2a3c3fe86

Mais je n'ai rien obtenu de concret, même en y apportant le filtre {transform:.... filter:flipH()}

Date de publication : 06/12/2014 21:39
Image redimensionnée
Twitter Facebook Google Plus Linkedin Del.icio.us Digg Reddit Dénoncer Haut








[Recherche avancée]