Cod pentru banner care se misca

[Rullz.]

Salut , cum spune si titlul , doresc si eu un cod pentru ca banner-ul din header sa se miste ( de la stanga la dreapta sau invers , sa se roteasca , ceva de genul ) !

[Vizitato]

Versiune forum?

[Rullz.]

Phpb2

[Lycan]

Salut ,

Adăugați următorul cod în CSS :

Cod:

#i_logo {
  float: center;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  background-repeat: no-repeat;
}


#i_logo:hover {
  -webkit-transform:translate(60px);
  -moz-transform: translate(60px);
  -o-transform:translate(60px);
 }

#i_logo:active {
  -webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -o-transform:scale(0.9);
}


[Rullz.]

Multumesc , dar un cod ceva in care banner-ul se roteste , ceva mai sofisticat sa spun asa .Este bun si acesta , multumesc Lycan , dar am vazut pe un anumit forum grauit ca banner-ul se rotea .

[Vizitato]

Cod:


#i_logo {
-webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s;
-o-transition-property: width,height,-o-transform,background,font-size,opacity;
-o-transition-duration: 1s,1s,1s,1s,1s,1s;
-moz-transition-property: width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration: 1s,1s,1s,1s,1s,1s;
transition-property: width,height,transform,background,font-size,opacity;
transition-duration: 1s,1s,1s,1s,1s,1s;
opacity: 0.5;
}
#i_logo:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}

[Rullz.]

Nu merge , banner-ul are opticitate atat , dar de rotit nu se roteste .

[Vizitato]

Depinde si de browserul care il folositi.

[Rullz.]

Ok , multumesc !


TC !

[Lycan]