Centrare logo ips 4 (deflection)

[Mr.Fazendo]

Salut baieti, voiam si eu sa stiu cum pot sa centrez logo-ul acesta https://i.imgur.com/pn0nCva.png
Vreau sa fie in mijloc si vreau ca atunci cand ai hover pe el sa faca o rotatie la 180, stiti voi ce zic... va dau si link daca e nevoie..

[+Juliano Dillon]

56 minutes ago, Julianxpp said:

.logo img {
    max-height: inherit;
    max-width: 100%;
    left: 0;
    right: 0;
    position: absolute;
}

 

.logo img:hover {
    transform: rotate(360deg);
    transition: 0.4s all ease-out;
}

Acum am observat si partea cu rotatia. Schimbi tu din 360deg in cat vrei, eu am pus atat ca sa revina la pozitia normala, la fel si cu durata animatiei, o setezi tu la cate secunde vrei + adauga "transition" si in [.logo img { ] pentru a se rotii inapoi cand nu mai faci hover.

[+COOLPIX]

lasa link?

[Mr.Fazendo]

 

On 6/1/2019 at 1:48 PM, HTML/CSS said:

lasa link?

Tin sa mentionez ca am pus logo-ul pe header folosind tool-ul de la IPS 4, adica cel cu easy logo changer, nu l-am pus din CSS. poftim link: https://darkcs16.ro/forum/

Edited June 2, 2019 by Mr.Fazendo

[+Juliano Dillon]

.logo img {
    max-height: inherit;
    max-width: 100%;
    left: 0;
    right: 0;
    position: absolute;
}

 

[Mr.Fazendo]

1 hour ago, Julianxpp said:

.logo img:hover {
    transform: rotate(360deg);
    transition: 0.4s all ease-out;
}

Acum am observat si partea cu rotatia. Schimbi tu din 360deg in cat vrei, eu am pus atat ca sa revina la pozitia normala, la fel si cu durata animatiei, o setezi tu la cate secunde vrei + adauga "transition" si in [.logo img { ] pentru a se rotii inapoi cand nu mai faci hover.

Multumesc.