Kayan aikin Kan layi CSS3 Generator Animation

Animation

CSS Animation janareta ga malalaci.

CSS Animations

CSS yana ba da damar raye-rayen abubuwan HTML ba tare da amfani da JavaScript ko Flash ba

A cikin wannan babi za ku koyi game da kaddarorin masu zuwa:

  • @keyframes
  • animation-suna
  • rayarwa-lokaci
  • rayarwa- jinkirtawa
  • rayarwa-aiki-ƙidaya
  • rayarwa - shugabanci
  • aikin motsa jiki-lokaci-aiki
  • yanayin rayarwa-cika-yanayin
  • tashin hankali

Specific Prefixes Browser

Wasu tsofaffin masu bincike suna buƙatar takamaiman prefixes (-webkit-) don fahimtar abubuwan raye-raye

 

Menene CSS Animations?

A raye-raye yana ƙyale wani abu ya canza a hankali daga wannan salo zuwa wani.

Kuna iya canza yawancin kaddarorin CSS da kuke so, sau da yawa da kuke so.

Don amfani da motsin CSS, dole ne ka fara saka wasu firam ɗin maɓalli don rayarwa.

Firam ɗin maɓalli suna riƙe nau'ikan nau'ikan nau'ikan za su kasance a wasu lokuta.

 

Dokar @keyframes

Lokacin da ka saka salon CSS a cikin ka'idar @keyframes, motsin rai zai canza a hankali daga salon yanzu zuwa sabon salo a wasu lokuta.