Cum Fac Butoanele Din Meniu Sa Se Invarta Cand Pun Sageata Pe El?

[+Constantin Lucian Luca]

Cum fac taburiile din meniu sa se invarta cand pun sageata pe ele si cum maresc butoanele ,am tema Deflection .

Multumesc, o seara buna.

[gadeas]

Pe elementu normal (non-hover) trebuie sa adaugi:

transition: transform 0.5s;
-o-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-webkit-transition: transform 0.5s;

Si pe elementu hover:

transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);

Poti schimba secundele cu cat vrei si la fel pentru gradele de rotatie.

[+AnDrEy.]

unde gasesc aia si ce linie sa caut??

[gadeas]

Ce sa gasesti? Codu acela vine aplicat la elementu care vrei sa dai efectu de rotate. Elementu trebuie sa fie unu normal si unu :hover.

[+AnDrEy.]

am rezolvat multumesc gadeas

[+Constantin Lucian Luca]

Si cum măresc largesc butoanele?

[Filip Cristian]

Si cum măresc largesc butoanele?

 

Draga DomnulBone, ceea ce vezi tu pe legendz este facut cu ajutorul tranzitiilor postate de gadeas mai sus, daca vrei sa faci butoanele sa se mareasca si sa se roteasca in acelasi timp cand pui sageata pe ele foloseste asta:

buton {
    -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    -moz-transition:width 2s, height 2s, background-color 2s, -moz-transform 2s;
    -o-transition:width 2s, height 2s, background-color 2s, -o-transform 2s;
    transition:width 2s, height 2s, background-color 2s, transform 2s;
}

buton:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}

P.S: Puteai sa ma intrebi direct pe mine.

[+Constantin Lucian Luca]

Draga DomnulBone, ceea ce vezi tu pe legendz este facut cu ajutorul tranzitiilor postate de gadeas mai sus, daca vrei sa faci butoanele sa se mareasca si sa se roteasca in acelasi timp cand pui sageata pe ele foloseste asta:

buton {
    -webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    -moz-transition:width 2s, height 2s, background-color 2s, -moz-transform 2s;
    -o-transition:width 2s, height 2s, background-color 2s, -o-transform 2s;
    transition:width 2s, height 2s, background-color 2s, transform 2s;
}

buton:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}

P.S: Puteai sa ma intrebi direct pe mine.

unde adaug asta mai exact? 

[+AnDrEy.]

si se le faci sa se intoarca si inapoi cum faci?

imi pot da codul folosit la aspectul butoanelor?

[+Constantin Lucian Luca]

UP

[gadeas]

Cred ca ar fi cazul deja la 280 posturi sa stii regulamentul ariei IPB unde postezi aproape zilnic.

Puteţi da up la topic odată la 48h.

 

Unde adaugi aia? Unde vrei sa fie, poate sa fie la orice element care vrei tu, doar asa lucreaza CSS-ul.

[Mr.SLow]

Unde intru? Sa adaug codu

[+Xep]

Daca a spus gadeas css unde nu ai inteles ?

acp > look & Feel > tema ta > tab ul CSS > ipb_styles.css