saproe Skrevet 26. mars 2012 Del Skrevet 26. mars 2012 (endret) Så jeg prøver å få en box til å snu seg 45 grader når jeg fører musa over den, men får det ikke til å virke.. Noe som kan se hva som er feil? Her er CSS Koden body{ text-align:center; } #box{ display:block; width:500px; margin:150px auto; padding:15px; text-align:center; border:7px solid blue; webkit-transition:-webkit-transform 2s; background:yellow; } #box:hover{ -webkit-transform:rotate(40deg); } HTML5 Kode <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Project</title> <link rel="stylesheet" href="main.css"> </head> <body> <div id="box"> <p id="text">Text Goes here! </p> </div> </body> </html> Endret 26. mars 2012 av saproe Lenke til kommentar
saproe Skrevet 26. mars 2012 Forfatter Del Skrevet 26. mars 2012 Fant feilen, glemte en " - " forran webkit.. Flaut.. Lenke til kommentar
MikkelRev Skrevet 26. mars 2012 Del Skrevet 26. mars 2012 Tips: Ta med alle versjonene for at den skal være mest mulig støttet. -webkit-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); -moz-transform:rotate(40deg); transform:rotate(40deg); Dette bør gjøres for alle CSS3-koder. For noen finnes det også en "-k-"-prefiks, og muligens flere. Du kan også bruke Compass-rammeverket for å slippe å skrive alle versjonene for hver kode, da trenger du bare å skrive en linje kode, og alle versjonene blir automatisk generert. Lenke til kommentar
Anbefalte innlegg
Opprett en konto eller logg inn for å kommentere
Du må være et medlem for å kunne skrive en kommentar
Opprett konto
Det er enkelt å melde seg inn for å starte en ny konto!
Start en kontoLogg inn
Har du allerede en konto? Logg inn her.
Logg inn nå