• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Html, CSS, slide up effekt problem

Rouge_X

Neues Mitglied
Hallo,
ich habe einen html Code für eine slide-up Animation gefunden.
Nun funktioniert dieser leider nicht bei Tabletts oder Handys was muss ich bei meinem Code ändern damit es funktioniert ?
Ich bin noch ziemlicher Anfänger und ich freue mich über jede Antwort. :-D
 

Anhänge

  • Screenshot (4).png
    Screenshot (4).png
    20,2 KB · Aufrufe: 5
  • Unbenannt.PNG
    Unbenannt.PNG
    12,1 KB · Aufrufe: 5
  • Unbenannt2code.PNG
    Unbenannt2code.PNG
    23,8 KB · Aufrufe: 5
Werbung:
Kannst du deinen Code mal in Text posten und nicht als Bild ?
Die meisten Leute hier kopieren dann den Code und testen ihn ,dann kann man dir besser helfen.
Keiner schreibt den Code aus den Bild ab damit man das testen kann.

Was heißt den slideup ?
Irgendwas muß das sliden aktivieren , wie hover oder click .
Bei dir scheint mir das so das der slide direkt beim betretten der Seite laufen soll ?
 
Natürlich,

Der Code:

<html>
<div class="boxen">
hallo
<div class="hid-boxen">
<h1>Lektion1 Vokabel1</h1>
<p>This is a quick demo of slide-up effect using CSS animation when hover the box. No JS required!</p>
</div>
</div>


<style>
h1 {
margin: 0
}
.boxen {
height: 210px;
width: 310px;
overflow: hidden;
border: 1px solid black;
background: #F2F2F2;
}
.hid-boxen {
top: 100%;
position: relative;
transition: all .6s ease-out;
background: #D6DBE9;
height: 100%;
margin-top:5%;
border:1px solid black ;
}

.boxen:hover > .hid-boxen{
top: 0;
}


</style>

</html>
 
Werbung:
Wie wäre es wenn du das sliden ausführen tust beim berühren der Box , und beim loslassen slidet er wieder zurück ?
Dann könnte das auch ohne Javascript gehen .
EDIT:
Ehm...,komisch.
Bitte mal testen
Durch das :active ,habe ich auf mein Handy das Resultat.

Ich klicke auf die Box und es wird hoch geslidet.
Es bleibt solange oben bis ich wieder neben die Box klicke.
Gibt es dafür eine erklärung ?
Ich dachte das :active solange funktioniert bis man loslassen tut , zuimindest wahr es ja immer so beim Deskop Pc
 
Zuletzt bearbeitet:
Werbung:
Zurück
Oben