slide-in premiers pas

**hypernoob** · 10/06/2018, 10h39

bonjour

j'ai récupéré quelques lignes de code qui opérent un slide-in ; ce n'est pas faute d'avoir cherché (merci google !) mais je n'arrive pas à faire la chose suivante :
par défaut, le texte s'aligne sur la gauche à 0 comment faire pour qu'il s'aligne à la position 200 par exemple ?

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<style style="text/css">
div.slide-left {
  width:100%;
 
}
div.slide-left p {
  animation: slide-left 2s;
}
 
@keyframes slide-left {
  from {
    margin-left: -100%;
    width: 300%; 
  }
 
  to {
    margin-left: 0%;
    width: 100%;
  }
}
</style>
<body>
<div class="slide-left">
<p>Never fight an inanimate object.</p>
</div>
</body>

Merci d'avoir pris le temps de me lire

**NoSmoking** · 10/06/2018, 13h27

Bonjour,
il te suffit, d'après ton code, de mettre un margin-left:200px.

slide-in premiers pas [CSS 3]

CSS

Vue hybride

Discussions similaires

Partager

Partager