rotate och scale i css

Har gjort ett enkelt exempel här för att testa olika webläsare hur de hanterar rotate och scale och markerad text, men har ingen åtkomst till Mac.
På pc fungerar det i alla utom FF och IE8.
IE9 gör åtminstone en oval som ändrar färg vid hover... ;)
I FF fungerar det egentligen men gör det direkt, det har jag visat med att den bara ska rotera 359 grader...

Har gjort lite försök med matrix för IE men då dödas effekterna i de andra webläsarna.

Någon som har en ide´ om hur man kan göra för att IE åtminstone ska förstora rutan och ändra färg när man markerar text?
Exemplet finns här http://gotlandssidor.se/css/hover.html och all css finns i head.

HTML 5 fungerar ju inte fullt ut i alla webläsare.. du är nog för tidigt ute..

Fuel skrev:

HTML 5 fungerar ju inte fullt ut i alla webläsare.. du är nog för tidigt ute..

CSS 2.1 fungerar inte heller fullt ut i alla webbläsare. ;)

För att få en ledtråd till hur det ser ut på en Mac kan man slänga in en webbläsare som använder samma renderingsmotor, nämligen WebKit. Exempel på sådana webbläsare är Safari och Chrome/Chromium. Det kan förmodligen skilja sig lite eftersom de kör olika versioner men WebKit ligger långt fram när det gäller morgondagens standarder.

Jag antar du menade att css3 inte fungerar fullt ut i alla webläsare.
Med javascriptet <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
så ska IE kunna tolka HTML5 om jag inte missförstått allt.
Här en länk till hur IE ska kunna efterlikna en del av css3.http://www.wordpresscreme.com/10-ways-to-make-internet-explorer-act-like-a-modern-browser/

dAEk
Jag har safari och chrome och det ser precis likadant ut som i Opera. Så då kan jag känna mig säker på att Mac visar likadant då?
Lite trist att moz inte hänger med.
IE förväntar man ju sig inte så mycket av ;)

tanten skrev:

Jag antar du menade att css3 inte fungerar fullt ut i alla webläsare.
Med javascriptet <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
så ska IE kunna tolka HTML5 om jag inte missförstått allt.
Här en länk till hur IE ska kunna efterlikna en del av css3.http://www.wordpresscreme.com/10-ways-to-make-internet-explorer-act-like-a-modern-browser/

Nej, jag menade 2.1. IE 7, som de flesta behöver ta hänsyn till, är t.ex. inte lika kapabel som andra webbläsare. Jag förstår vad Fuel menar men kunde inte låta bli. Notera smileyn. ;)

HTML 5-skriptet känner jag till men det är inget som jag har vågat använda.

Nja, nån garanti för att det ser likadant ut är det inte. Vissa olikheter finns det ju alltid, det kan man ju råka ut för ibland om man t.ex. testar samma version av Firefox på Mac & Windows eller Linux. Men en hyfsad vägvisare borde det kunna vara i alla fall.

Nu blev det lite fel :) Mitt första svar var till Fuel. Att du hade skrivit såg jag inte förrän jag hade skickat i väg det och kollade e-posten.
Visst fanns det ett meddelande förut om att någon svarat medan man var inloggad. Är det borta nu eller minns jag fel?

Ja, typ.. att html5/css3 inte funkar överallt..

Såg / tänkte inte på javascriptet.. jag ska ta & kolla in det, om det gör som ni säger så verkar det intressant..

btw.. sitter på Win 7 med FF 3.6.3 - här roteras inget utan det blir en jättestor gul variant direkt vid mouseover - lite sne också

Ubuntu 10.04:

FF 3.6.3 - Samma som Fuel.
Chrome - Roterar så fint.

Fuel skrev:

btw.. sitter på Win 7 med FF 3.6.3 - här roteras inget utan det blir en jättestor gul variant direkt vid mouseover - lite sne också

Ja det var det jag skrev i första inlägget att FF roterar men gör det direkt vid hover och därför lät jag den rotera bara 359deg för att visa det. Lite sned...

-moz-transition: all 3s ease-in-out;
och:
-moz-transform: rotate(359deg) scale(2);

Framtiden får visa om de lägger till den översta som anger tiden för rotationen in och ut. Lite chansartat av mig, men eftersom webkit och opera använder transition för det så tror jag det kommer se ut så även i FF... :OO

Tips: Ladda hem opera, chrome eller safari också så har du webläsare som är föregångare för css3.

För mina test så har det sett exakt likadant ut i de tre...Firefox har saknat lite smådetaljer...

Tack Fiddler för testet... :bire

Här är en artikel/video för html5 för de som är intresseradehttp://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-html5-features-you-should-be-using-right-now/

JS delen gör bara så att IE (äldre versioner) förstå sig på elementen, den gör inget för CSS3 delarna.

Vill bara tillägga att css3-testet fungerar precis likadant i andra doctypes och har inget med html5 att göra. Men diskuterar gärna html5 ändå... :)