Avaleht
uus teema   vasta Tarkvara »  WWW »  Html5 ja CSS3 animatsioonid : Pöörlev pilt märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
MrAndu
HV kasutaja
MrAndu

liitunud: 26.07.2007
sõnum 21.02.2012 17:16:47 Html5 ja CSS3 animatsioonid : Pöörlev pilt vasta tsitaadiga
Tere,

Esmakordne abipalve siin teemas, olen paar päeva pead vaevanud ja tulutult,

nimelt on siin 1 aretis:
http://andu.ows.ee/testid/spin.html

seal on lillepott kus lille "pea" ehk propeller käib ringi Chromes ja Safaris.

Kuidas saaks sellise vidina toimima veel Firefoxis?

Edit: olen teadlik, et CSS-is on topelt kood (see ei muuda midagi)

Javascript jäägu hetkel tahaplaanile...
_________________
Ma pole mingi spetsialist kuigi võiks ju olla...
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 51
tagasi üles
vaata kasutaja infot saada privaatsõnum
siinus
HV Guru
siinus

liitunud: 20.01.2007
sõnum 21.02.2012 17:23:40 vasta tsitaadiga
tegin firebugis kiire muudatuse:
/../
#spinner {
    background: url(images/propeller.png) center center no-repeat;
    height: 159px;
    width: 159px;
    margin: 20px;
   -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 4s;
    -moz-animation-name: rotate;
    -moz-animation-timing-function: linear;
}
@-moz-keyframes rotate {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(359deg);}
}
/../

vent hakkas pöörlema

@ Firefox 10.0.2
_________________
suck less | ANNA MU SAI!
Ma arvasin, et see oli Priit, aga tegelikult oli Tõnu,
Kommentaarid: 66 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 59
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
MrAndu
HV kasutaja
MrAndu

liitunud: 26.07.2007
sõnum 21.02.2012 17:25:01 vasta tsitaadiga
ehk siis topelt kood eraldi ff-ile hmmm... okei
_________________
Ma pole mingi spetsialist kuigi võiks ju olla...
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 51
tagasi üles
vaata kasutaja infot saada privaatsõnum
siinus
HV Guru
siinus

liitunud: 20.01.2007
sõnum 21.02.2012 17:29:29 vasta tsitaadiga
ekperimentaalfeatuuridega paraku sellised lood on jah. firefox ei kasuta webkitti.
tulevikus, kui html5 ja CSS3 reaalselt välja saab, siis võib koodiga koonerdama hakata
_________________
suck less | ANNA MU SAI!
Ma arvasin, et see oli Priit, aga tegelikult oli Tõnu,
Kommentaarid: 66 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 59
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
MrAndu
HV kasutaja
MrAndu

liitunud: 26.07.2007
sõnum 21.02.2012 17:37:30 vasta tsitaadiga
selge, praegu töötab näidis mõlemas icon_smile.gif nautige icon_smile.gif
_________________
Ma pole mingi spetsialist kuigi võiks ju olla...
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 51
tagasi üles
vaata kasutaja infot saada privaatsõnum
wa666ou
HV veteran

liitunud: 23.05.2003
sõnum 26.02.2012 14:21:50 vasta tsitaadiga
Kena. Aga natuke tsentrist väljas. Kui paned nt ajaks 0.1s
Kommentaarid: 101 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 95
tagasi üles
vaata kasutaja infot saada privaatsõnum
MrAndu
HV kasutaja
MrAndu

liitunud: 26.07.2007
sõnum 26.02.2012 16:04:50 vasta tsitaadiga
wa666ou kirjutas:
Kena. Aga natuke tsentrist väljas. Kui paned nt ajaks 0.1s


see juba pildi viga, pildil peaks olema ringid 1px suuremad/väiksemad
põhiline, et töötab ja ei ole vaja JS-i selleks
_________________
Ma pole mingi spetsialist kuigi võiks ju olla...
Kommentaarid: 63 loe/lisa Kasutajad arvavad:  :: 1 :: 0 :: 51
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 26.02.2012 16:44:31 vasta tsitaadiga
tsitaat:
töötab ja ei ole vaja JS-i selleks

mis on sul JS vastu? Nüüd muudkui pöörleb aga sa ei tea üldse mis toimub. icon_razz.gif icon_biggrin.gif

Ps: Ja ega igalpool ei toimu ka
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004



Online
sõnum 26.02.2012 17:15:22 vasta tsitaadiga
andrusny kirjutas:
tsitaat:
töötab ja ei ole vaja JS-i selleks

mis on sul JS vastu? Nüüd muudkui pöörleb aga sa ei tea üldse mis toimub. icon_razz.gif icon_biggrin.gif

Ps: Ja ega igalpool ei toimu ka
JS'il ei ole riistvaralist kiirendust.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 26.02.2012 17:27:16 vasta tsitaadiga
Jah sellele ma ei mõelnud. Vaatasin, css3 litsalt pööramised toimivad ka Opera peal, kuid animatsioon pole toetatud.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  Html5 ja CSS3 animatsioonid : Pöörlev pilt
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.