Animatie CSS prin miscare continua

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Animatie CSS prin miscare continua

Mesaj Scris de mihai la data de Mier 14 Feb - 3:40

În trecut (când era tema veche), era un cod în css la voi, un ”fa wrench”, care avea o animație, doresc și eu acel cod...


Ultima editare efectuata de catre mihai.™ in Dum 18 Feb - 2:37, editata de 1 ori
avatar
mihai
Suport Traducerii
Suport Traducerii

Mesaje : 862
Varsta : 20
Localizare : Bucharest, Romania
Data înscrierii : 25/09/2014
Multumiri : 72
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro/

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de SSYT la data de Mier 14 Feb - 19:30

Buna seara,
Va invit sa cititi aici pentru a face acea animatie: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
avatar
SSYT
Membru onorific
Membru onorific

Mesaje : 1423
Varsta : 23
Localizare : France, Aisne
Data înscrierii : 10/08/2015
Multumiri : 199
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de mihai la data de Joi 15 Feb - 11:11

Isaac a scris:Buna seara,
Va invit sa cititi aici pentru a face acea animatie: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

nu mă prea pricep, ai putea să îmi dai tu codurile necesare te rog frumos?
avatar
mihai
Suport Traducerii
Suport Traducerii

Mesaje : 862
Varsta : 20
Localizare : Bucharest, Romania
Data înscrierii : 25/09/2014
Multumiri : 72
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro/

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de SSYT la data de Sam 17 Feb - 9:36

Buna dimineata,
Intrati in:
Panou de administrare => Afisare => Imagini si culori => Culori => Foaie de stil css

Si adaugati:
Cod:
span.fa.fa-wrench:hover {-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 2s;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {transform: rotateZ(90deg);}
    to {}
}

/* Standard syntax */
@keyframes example {
    from {transform: rotateZ(90deg);}
    to {}
}
avatar
SSYT
Membru onorific
Membru onorific

Mesaje : 1423
Varsta : 23
Localizare : France, Aisne
Data înscrierii : 10/08/2015
Multumiri : 199
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de mihai la data de Sam 17 Feb - 14:43

Nu merge...
avatar
mihai
Suport Traducerii
Suport Traducerii

Mesaje : 862
Varsta : 20
Localizare : Bucharest, Romania
Data înscrierii : 25/09/2014
Multumiri : 72
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro/

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de SSYT la data de Sam 17 Feb - 22:51

Cod:
.fa-wrench:hover {-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 2s;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    from {transform: rotateZ(90deg);}
    to {}
}
/* Standard syntax */
@keyframes example {
    from {transform: rotateZ(90deg);}
    to {}
}

.fa-wrench {-webkit-animation-name: example; /* Safari 4.0 - 8.0 */-webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */animation-name: example;animation-duration: 2s;}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
from {transform: rotateZ(90deg);}
to {}
}
/* Standard syntax */
@keyframes example {
from {transform: rotateZ(90deg);}
to {}
}
avatar
SSYT
Membru onorific
Membru onorific

Mesaje : 1423
Varsta : 23
Localizare : France, Aisne
Data înscrierii : 10/08/2015
Multumiri : 199
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de mihai la data de Sam 17 Feb - 22:53

Nu e ăsta codu...V-am trimis un mesaj privat, vă rog să verificați...

Edit: problema a fost rezolvată, prin mesageria privată.

Rog un administrator/moderator să închidă acest topic.

Mulțumesc încă o dată Fericit

O seară bună! La revedere
avatar
mihai
Suport Traducerii
Suport Traducerii

Mesaje : 862
Varsta : 20
Localizare : Bucharest, Romania
Data înscrierii : 25/09/2014
Multumiri : 72
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro/

Sus In jos

In cos Re: Animatie CSS prin miscare continua

Mesaj Scris de SSYT la data de Dum 18 Feb - 4:00

Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", fara a exista o solutie concreta, acesta va fi inchis si trimis in cosul de gunoi.

=> Topic trimis in cosul de gunoi
avatar
SSYT
Membru onorific
Membru onorific

Mesaje : 1423
Varsta : 23
Localizare : France, Aisne
Data înscrierii : 10/08/2015
Multumiri : 199
Niciun avertisment

Vezi profilul utilizatorului https://help.forumgratuit.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum