effect header

[NeBuNuL]

Salutare ! Am vazut la cei de la www.engame.ro headerul cu effect. Imi puteti spune si mie cum sa fac ceva asemanator ? Sau ce versiune de shoutbox au ei

Va multumesc frumos !

[snoop]

la care versiune a temei te referi

[NeBuNuL]

Lasati partea cu chatul. Ma intereseaza cum au reusit sa faca acel header  Sau un alt exemplu http://redfear.ro/forum/index.php?/ 

Cum pot face si eu la fel ? 

[DeNyS.]

Animație CSS. Au folosit funcția „keyframes” din CSS ca să creeze animația, după care au aplicat animația la partea respectivă.

[NeBuNuL]

1 hour ago, DeNyS. said:

Animație CSS. Au folosit funcția „keyframes” din CSS ca să creeze animația, după care au aplicat animația la partea respectivă.

Si imi poti spune si mie cum sa creez o asa animatie ?

Sau imi poti creea tu una simpla si sa imi spui unde sa o adaug ?

[DeNyS.]

Tutorial aici : http://www.w3schools.com/css/css3_animations.asp

[NeBuNuL]

4 hours ago, DeNyS. said:

Tutorial aici : http://www.w3schools.com/css/css3_animations.asp

Nu am inteles absolut nimic din acel tutorial. Dupa nu stiu unde trebuie bagate acele coduri...

[Liquid.]

Da un pic forumu tau sa vad ca si eu am efecte header

 

[Blacklite]

On 28.10.2016 at 11:06 PM, NeBuNuL said:

Salutare ! Am vazut la cei de la www.engame.ro headerul cu effect. Imi puteti spune si mie cum sa fac ceva asemanator ? Sau ce versiune de shoutbox au ei

Va multumesc frumos !

Salut ,la ce effect te referi din headerul meu?

[NeBuNuL]

4 hours ago, Blacklite said:

Salut ,la ce effect te referi din headerul meu?

Acel EG care se roteste

[Blacklite]

Partea htmlp

<a href="http://engame.ro/">
 <div class="logospace">
<img class="logocircle" src="locatie_logo_rotitor"> <img class="logotext" style="margin-top: -192px; position: relative;" src="locatie_logo_stabil">
 </div>
</a>

Si partea ipb_style

.logospace{
cursor:pointer;
width:400px;
overflow:hidden;
}
.logocircle{
pointer-events:none; 
transition:all 0.7s ease-in-out; 
*/transform:rotateX(0deg);
}
.logospace:hover>.logocircle{transform:rotateX(360deg)}
.logotext{
pointer-events:none;
transition:all 0.4s;
}
.logospace:hover>.logotext{}