Għodda onlajn CSS3 Animation Generator

Animation

Ġeneratur ta' animazzjoni CSS għal nies għażżien.

Animazzjonijiet CSS

CSS jippermetti animazzjoni ta 'elementi HTML mingħajr ma tuża JavaScript jew Flash

F'dan il-kapitlu ser titgħallem dwar il-proprjetajiet li ġejjin:

  • @keyframes
  • animazzjoni-isem
  • animazzjoni-tul
  • animazzjoni-dewmien
  • animazzjoni-iterazzjoni-għadd
  • animazzjoni-direzzjoni
  • animazzjoni-ħin-funzjoni
  • animazzjoni-mili-mod
  • animazzjoni

Prefissi Speċifiċi tal-Browser

Xi browsers anzjani jeħtieġu prefissi speċifiċi (-webkit-) biex jifhmu l-proprjetajiet tal-animazzjoni

 

X'inhuma l-Animazzjonijiet CSS?

Animazzjoni tħalli element jinbidel gradwalment minn stil għal ieħor.

Tista 'tbiddel kemm trid proprjetajiet CSS, kemm-il darba trid.

Biex tuża animazzjoni CSS, l-ewwel trid tispeċifika xi keyframes għall-animazzjoni.

Keyframes jżommu liema stili l-element se jkollu f'ċerti ħinijiet.

 

Ir-Regola @keyframes

Meta tispeċifika stili CSS ġewwa r-regola @keyframes, l-animazzjoni se tinbidel gradwalment mill-istil attwali għall-istil ġdid f'ċerti ħinijiet.