F_Icons animate

[+HazZaRD]

Salutare, am si eu o mica intrebare.

Cum pot face la IPB 3 f_icon-uri animate ca in acest model: http://csone.ro/forum/

[DeNyS.]

Eu pot sa-ti dau un exemplu :

Să zicem că avem codul următor, care il numim #1 :

width: 100px;
height: 100px;
border-radius: 4px;
border: 1px #212121 solid;
background-color: none;
transition: 0.5s;

Ceea ce au făcut ei, il numim: #1:hover : 

border-radius: 100%;

Și ei mai au alte coduri după acel border-radius, mă rog. Inspirația la hover-ul ăla este de aici, spre exemplu : http://ianlunn.github.io/Hover/; aici găsești o colecție de hover-uri.

 

*Eu ți-am făcut doar un exemplu despre  ce au făcut ei; sper că ai ințeles.

Edited March 27, 2016 by DeNyS.

[Sebastian C.]

Sper să te ajute acest tutorial, este metoda mai veche dar na  n-am găsit altceva care să-ți explice : http://www.w3schools.com/css/css3_animations.asp

[Hardwe]

15 hours ago, DeNyS. said:

Eu pot sa-ti dau un exemplu :

Să zicem că avem codul următor, care il numim #1 :

width: 100px;
height: 100px;
border-radius: 4px;
border: 1px #212121 solid;
background-color: none;
transition: 0.5s;

Ceea ce au făcut ei, il numim: #1:hover : 

border-radius: 100%;

Și ei mai au alte coduri după acel border-radius, mă rog. Inspirația la hover-ul ăla este de aici, spre exemplu : http://ianlunn.github.io/Hover/; aici găsești o colecție de hover-uri.

 

*Eu ți-am făcut doar un exemplu despre  ce au făcut ei; sper că ai ințeles.

auzi acolo este codul Icon flat away . as vrea sa fie asa cand dau like , am vazut pe un forum ma ajuti?