Miscare iconite onmouseover?

[Mr.bEnZ]

Salut, cum pot face si eu ca iconitele din fata forumurilor atunci cand pun sageata pe ele sa le invarta asa..? ca pe www.engame.ro ( scuzati reclama )

[DeNyS.]

Incearcă tutorialele astea - astea trebuie sa le iei ca exemple :

• http://www.w3schools.com/css/css3_animations.asp -- ăsta folosește pentru animații
• http://www.w3schools.com/cssref/sel_hover.asp -- ăsta iți folosește atunci când pui mouse-ul pe iconiță și iți face animația. (ex: .class:hover {} )

Un exemplu de efect ar putea să fie următorul:

.class {
  width: 50px;
  height: 50px;
  background-color: #0595ff;
  transition: all 0.5s;
}

.class:hover {
  background-color: #cf371d;
}

with: setează lățimea pe 50px;

height: seletează inălțimea pe 50px;

background-color: setează culoarea fundalului pe #0595ff (albastru).

transition: iți permite să schimbi valorile pe o anumită durată (ex: 1s - 0.5s etc).

// - Explicare: Atunci când pui mouse-ul pe div-ul respectiv iți schimbă culoarea de la #0595ff cu #cf371d pe durata de 0.5s.

* Chestiile astea se fac in CSS și nu in HTML. Vreau să te atenționez data viitoare să postezi in categoria corectă, că unde ai postat acum este categoria greșită.

[bEnZ]

Up, cum pot face sa nu se mai miste tot div.ul acela ? Vreau doar poza nu si chestia aia, vreau ca pe engame.ro ( scuzati reclama ) forumul meu este www.kosworth.tk/forum ( scuzati iar reclama dar sa vedeti ).

[bEnZ]

up

[bEnZ]

Done, mersi Denis.

[DeNyS.]

Am rezolvat eu problema lui. Rezolvarea la problema asta:

.notnew .col_c_icon center {
  transition:all 0.9s;
  transform:  rotateZ(0deg);;
}

.notnew .col_c_icon center:hover {
  transition:all 0.9s;
  transform:  rotateZ(360deg);
}