Ich möchte den Block entlang seiner Länge nach links verschieben. Wie kann ich das tun? Wie man den Block entlang seiner Breite bewegt (nur css)
Antwort
einfaches Beispiel reine css:
.mytext {
border: 8px black solid;
text-align: center;
font-size: 45px;
left: 300px;
width: inherit;
height: 60px;
transition: 2s;
-webkit-transition: 2s;
-moz-transition: 2s;
position: absolute;
}
.mytext:hover {
left: 0;
}
.mytext2 {
\t margin-top: 100px;
border: 8px black solid;
text-align: center;
font-size: 45px;
width: 300px;
height: 60px;
transition: 2s;
-webkit-transition: 2s;
-moz-transition: 2s;
position: absolute;
}
@keyframes slideToLeft {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
.mytext2 {
/* This section calls the slideInFromLeft animation we defined above */
animation: 2s ease-out 0s 1 slideToLeft;
}
<div class="mytext">text</div>
<div class="mytext2">text2</div>
Sie richtig verstanden, was ich will, aber ich brauche nicht js – MaximPro
@MaximPro versuchen, eine aktualisierte? –
@MaximPro, Wenn eine Antwort hilft Ihnen [vote it up] (http://meta.stackexchange.com/questions/173399/how-to-upvote-on-stack-overflow), Wenn die Antwort das ist, was Sie suchen Markiere es als [Correct answe] (http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work) für die zukünftigen Leser. Vielen Dank! –
- 1. Wie man den Marker genau entlang der Polylinie bewegt?
- 2. Wie man CSS-Objekte so bewegt?
- 3. Wie man ListView Breite fit Breite seiner Zellen
- 4. Wie man Bildflex zu seiner Breite macht?
- 5. Wie man verhindert, dass sich ein Rect aus seiner Position bewegt, wenn die Breite abnimmt
- 6. Wie man einen SKSpriteNode entlang einer horizontalen Linie bewegt
- 7. CSS div Breite - nur Inhaltsbreite ..?
- 8. Wie verteilt man div entlang der ganzen Breite eines Containers?
- 9. Drehen eines SKShapeNode entlang seiner Mitte
- 10. Dynamic Div Breite - nur CSS
- 11. CSS - Wrap Text entlang Winkel
- 12. Wie benutze ich css Transition beim Anzeigen des Blocks, wenn man den Mauszeiger über einen anderen Block bewegt?
- 13. Volle Breite megamenu nur mit CSS
- 14. Wie man Höhe gleiche Breite mit css
- 15. Wie wird die Kamera in WebGL entlang der Ansichtsrichtung bewegt?
- 16. dynamische Breite mit nur CSS einstellen?
- 17. Wie man den Anker in Bezug auf einen in jsplumb gezogenen Block bewegt?
- 18. Keyframes bewegt sich nicht meinen div Block
- 19. Wie man ein Objekt entlang einer kreisförmigen Bahn dreht?
- 20. Ein Auto simulieren, das sich entlang einer Bahn bewegt
- 21. Wie man den Marker auf MarkerWithLabel bewegt Google Map
- 22. Wie man ein ImageView entlang der X- und Y-Achse mit Sensor Accelerometer bewegt Daten
- 23. Bewegt div entlang der Kreisbahn mit festem Winkel
- 24. css Herausforderung beim Drehen (Transform: Drehen) Block - Breite Auto
- 25. Wie man ein Bild nach oben in html/css bewegt
- 26. Magento, wie man den Block anfügt
- 27. JavaFX bewegt sich entlang der Achse eines Liniendiagramms
- 28. std :: bind und unique_ptr - wie bewegt man sich nur?
- 29. CSS inline-block Zentrieren Inhalt
- 30. Bild von seiner Unterseite drehen
Ihre Frage ist völlig unklar. Bitte erläutern. – Santi
Vielleicht möchten Sie ein bisschen mehr Code und eine Erklärung hinzufügen, was Sie zu tun versuchen. Was Sie haben, reicht nicht aus, um Sie bei einem bestimmten Problem zu unterstützen. – CodeLikeBeaker
Welcher Block? Richten Sie ein schnelles Spiel ein, Alter. Hilf uns, dir zu helfen. –