CSS Animation sy ny fahafaha-

Manontany tena ny fomba hanaovana sarimiaina CSS, maro ny mpampiasa dia fatra-pitady ny lesona sy ny toromarika. Ary na toromarika toy izany azo jerena ato, ankoatra ny zavatra hafa, dia hanome anareo ny lehibe torohevitra ilaina amin'ny famoronana sarimiaina mampiasa CSS.

tonga lafatra fampandrosoana secret

Torohevitra izay afaka omena ho an'ireo izay maniry ny hahafantatra tsara inona no malamalama sarimiaina CSS, dia toy izao manaraka izao. Rehefa voaomana isan'andro fanandramana amin'ny tapa-kaody ary miezaka hanao ny fanandramana. Tamin'ny fotoana tsy fiasana amin'ny maimaim-poana ny toerana, miezaka ny hahita izay mitranga amin'ny hanohon ny tapa-fehezan-dalàna, mba hianatra izao na izany fananana tanteraka. Miezaha hampihatra isan-karazany ny hevitra mahaliana iray mampiasa fiteny hafa tanteraka fitaovana, sy ny CSS fihetsik'ireo sary mihetsika no hovohana ho anao amin'ny fomba vaovao. Ity toro-hevitra tsotra izao - fanandramana ho anao.

CSS-sarimiaina tarehiny

Ary ankehitriny, fa ny mahaliana ohatra. Amin'ny maha-fitsipika, ny fitsipika fampiasana sarimiaina dia ny hanova zavatra sasany ao amin'ny toerana tsikelikely rehefa mandeha ny fotoana. Fa izao no miharihary loatra, sa tsy izany? Noho izany eto izahay hizara aminareo ny fomba niavaka hampiasa ny fotoana ny endriky ny sarimiaina.

Ny zava-misy fa ny tena fiovana ho any amin'ny toerana ao amin'ny tapa-sarimiaina na manontolo dia mety ho efa ho instantaneous. Mba hanaovana izany, mangataka keyframes roa, fa mampiasa kely isan-karazany. , Ohatra, dia mety hitovy 0,001%. Amin'ity tranga ity, CSS sarimiaina mety hitranga hatrany. Tsy tonga lafatra ho an'ny néon simulating ny famantarana. Izany famantarana izany no akimpiko kely, ary raha ny sarimiaina CSS dia bebe kokoa dia ho mangarahara sy hampiasa sy endri-javatra text-aloka, ny famantarana dia efa tahaka ny tena zavatra.

Indro misy ohatra iray fehezan-dalàna.

Hanatsarana ny Functional bokotra

Raha mandinika ny fanontaniana izay mety ho tsy mahazatra CSS-sarimiaina bokotra, dia azo lazaina fa ny ravaka bokotra safidy napetraka eo amin'ny toerana lehibe. Diniho ohatra iray. Ny vokatry ny fanerena ny convex bokotra. Ohatra fango - eto ambany.

Noho izany tapa-tsotra sarimiaina CSS andian-tsoratra ny fehezan-dalàna dia hijery tsara tarehy. Toa tena mahaliana ary matetika ampiasaina amin'ny toerana samy hafa tanteraka.

CSS-fanentanana rehefa miaraka amin ny toerana Fizaha Snippet

Ny mavitrika sy ankehitriny toerana, ny intsony dia mbola eo ny mpampiasa. Ankoatra izany, dia anjara toerana lehibe ihany koa ny interactivity nilalao. Izany tokoa marina, fa inona no hanampy mba hahatonga ny toerana ho ifandrimbonana araka izay azo atao?

Eny ary avy eo hijery ny miasa amin'ny famolavolana singa sy ny sombintsombin'ny toerana, raha ny totozy. Animation bokotra rehefa miaraka amin no noresahina ambony, fa afa-tsy izay afaka "hamelombelona" sy isan-karazany ny tapa-toerana, ka mahatonga azy ireo ny tena stylish. Toy ny amin'ny zavatra hafa rehetra, ny foto-kevitra lehibe indrindra eto - AZA ATAO BE LOATRA.

Noho izany, dia misy ny tsara fananana tetezamita, izay afaka mitranga hatramin'ny efatra hafa mifandray fananana.

Nandritra ny fotoana anankiray CSS-sarimiaina rehefa miaraka amin ny sombin-fehezan-dalàna dia hiova. Ny fotoana dia tapa-kevitra ny faharetan'ny fananany. Izany hoe, rehefa miaraka amin ny zavatra iray dia manomboka rakitra soa fiovana izay fananana fa namponeniny tany an-selector. Amin'izao tranga dia - .element (hevitra hatrany). Somary ambany dia ohatra amin'ny fehezan-dalàna, raha ny tetezamita avy amin'ny fitoeran-javatra DIV, izay manana ny sandoka .hover, ny fototra miova avy amin'ny mena ny maitso.

Raha misy mpampiasa hovers ny totozy fanentanana CSS dia tsy miova avy hatrany, saingy nahemotra ny sasany ampahany ny faharoa, izay miteraka fiantraikany mahaliana.

Ankoatra izany, raha ao amin'ny teo aloha, ohatra, ianao nangataka iray fitsipika izay mombamomba tao amin'ny DIV singa Novana amin'ny mena ny maitso ary hifindra ao anatin'ny 0.4 segondra, dia tokony homarihina fa mampiasa ny rehetra sarobidy, dia afaka mampihatra ny iray manontolo fananana dia tanteraka avy hatrany.

Ohatra kaody aseho toy izao manaraka izao.

Araka ny hita ao amin'ny fananana sy ny zava tetezamita padding vokany dia hitranga izay tapa-kevitra ny fananan'ny tetezamita. Tokony mariho fa afaka mamaritra ny faingo-tafasaraka iray napetraka ny soatoavina.

Misy tsipirian'ilay fampiasana io karazana sarimiaina amin'ny bokotra

Amin 'ny fitsipika, izany any aoriana any dia tsy tena zava-dehibe Inona mba ho mazava ary nafindra tany amin'ny angon-drakitra soatoavina. Afa-tsy tranga iray. Afaka hiatrika ny fahatarana fananany. Amin'ity tranga ity, dia mila mamaritra ny faharetan'ny sy ny fotoana. Amin'ny teny hafa, isika, dia mila ny fehezan-dalàna mba hilaza ny fomba ela ny tena ilaina ho antsika ela dia hitranga.

Mitondra ao an-tsaina fa ny sasany tsy afaka ny ho fananana ny vokatry ny tetezamita. Izany hoe, izy ireo tsy afaka ny ho mandalo. Izany dia noho ny zava-misy fa tsy azo animation.

lahatsoratra fanentanana

Miaraka amin'ny fanampian'ny ny fehezan-dalàna azo apetraka sy tsara sarimiaina CSS lahatsoratra. Mety ho karazana lahatsoratra, ary ny anaram-boninahitra lehibe, toerana lohateny. Araka ny voalaza etsy ambony, ny zava-dehibe indrindra - AZA ATAO BE LOATRA, ary aza mandroaka ny toerana ho any amin'ny toerana fanariam-pako, izay mijery mora vidy.

Eny ary, andao hiezaka ny hahita izay CSS sarimiaina-dahatsoratra, ka mamorona azy, ary ny soratra tandindona. Angamba ianao efa nahita horohoro sarimihetsika, izay ny anaran 'ny sary hoso-doko tena toa lefy na oviana na matromatroka-maizina fototra. Andeha isika hiezaka mahary indray ny ankapobeny ohatra ny zavatra toy izany.

Selan'izy ny soratra eo amin'ny fomba horohoro sarimihetsika

Raha ny marina, ny hevitra rehetra dia ny hahatonga ny soratra izay ny taratasy dia tsy mazava kely ary ho Ahodina. Izay eo amin'ny taratasy dia tokony ho toerana. Dia hampiasa interalphabetic alokaloka, ary koa ny elanelam-potoana io. Mba ho fampiharana ny hevitra, dia ilaintsika ny teny Lettering.js mpamorona Dave Rupert. Nila ny mamatotra teny vitsivitsy miampy taratasy any amin'ny tenifototra androm. Voalohany dia mila mamatotra ny andian-teny ao amin'ny H2 mari-pamantarana. Indro misy ohatra iray fehezan-dalàna.

Ary obernom ny teny rehetra ao amin'ny I2 Tags ao amin'ny tenifototra androm.

Izany no mitranga toy izany.

Ho hijery somary cumbersome, fa aza ny hanelingelina.

Fivadibadihana adala ateraky mahazo ampy rafitra.

Ho vokany, dia samy manana ny efa misy taratasy nofonosina tao anaty tenifototra androm. Hay tena izy be dia be. Fa ny ohatra dia tena tsotra ao amin'ny fehezan-dalàna ambony noho ny vokatry. Ny rafitra manontolo, dia afaka manoratra ny tenanao, ka dia ho vitsy kokoa. Izany dia miankina koa inona no andinin-teny tianao hampiasaina.

Tsy hihevitra ny asa kely sarina. Rehetra ny anaram-boninahitra ao amin'ny ohatra etsy ambony, dia ho hita ao amin'ny rehetra ny sakan'ny efijery. Ary handray saika misy toerana rehetra.

Koa satria isika dia handeha ho any daholo ny taratasy nifantoka teo amin'ny efijery, avy eo, noho ny fitoeran-javatra, ary isika koa dia mila flexbox.

Indro misy ohatra iray ny amin'ny fehezan-dalàna.

Ankehitriny dia efa nanao izany fa ny taratasy rehetra, izay nofonosiny amin'ny irain-jehy kilasy, izay any amin'ny ray aman-dreny kilasy .os-andian-teny, dia ho hita sy ho tia azy eo afovoany.

Aza adino ny hanampy kely ny toerana maimaim-poana, izay tena taratasy Heba.

Amin'ity tranga ity, ny voalohany wrapper te-hanana fananana hafa sasany. Fananana fomba fijery ity. Tsy hamela antsika mba hahazoana antoka fa toerana izany dia ho tahaka ny hijoro avy, tonga ny nanasongadina.

Tena toy ny taratasy dia ho mangarahara, ary dia hanomboka ny isan-karazany ny fanentanana ho azy ireo any amin'ny 5.2 segondra. Ity ambany ity - ohatra fehezan-dalàna.

Zava-dehibe koa mba hanapaka hoe ahoana ary inona no hiseho avy hatrany ny sazy sy ny andian-teny. Iza amin'ireo andinin-teny ao amin'ilay hiseho haingana kokoa noho ny teo aloha ny iray, ary ohatrinona. Ny fehezan-dalàna Hijery toy izany.

Andeha isika hanome ny kely nefa tena mahaliana vokany. Apetraho ny Hatevin'ny ny 0.2. Interalphabetic lavitra dia toy izany no ho tena lehibe. Taratasy ihany koa mihodina ny maro mpiray Y. Jereo anareo, ary koa ny mpampiasa ny toerana dia ho ampahany kely fotsiny ireo taratasy. Ary koa, aza adino ny manome ny vokatry ny fananan 'text-aloka. Antsasaky ny fanentanana, dia nanao zavatra tsy mahazatra. Izahay dia mitarika ny taratasy ny tenany, ary koa mba hampihena ny elanelana izay eo aminy, ary avy eo dia hampitombo ny Hatevin'ny, ary rehefa afaka povernom famantarana tamin'ny 0 ho an'ny mpiray Y.

Amin 'ny farany, dia indray hametraka taratasy vitsivitsy na voany promasshtabiruem azy ireo. Izany dia hanome vaovao vokany kely nanjavozavo ny zavatra nosoratany.

Ary farany ny fehezan-teny farany CSS-sarimiaina.

Ary eny, farany mikasika manampy ny farany. Isika dia hifantoka amin'ny teny manokana sasany. Ho sahy manana tarehy. Izany dia manome ny ilaina fanamafisana.

Aza manadino ny inspirations

Rehefa miezaka manandrana ny tenanao miaraka amin'ny fananana sy ny CSS sarimiaina, miezaka ny hahita aingam-panahy amin'ny zavatra rehetra eo amin'ny fiainana andavanandro. Izany dia mety ho na inona na inona avy amin'ny tranonkala mahaliana ny pejy sasany mahafinaritra lahatsary vokany.

Ankoatra izany, raha aza midikiditra amin'ny fiainany, ny fomba hanaovana izany na ny marina, ary miezaka mahary izany samirery, dia afaka hanatratra vokatra lehibe. Na, raha kely indrindra, foana mianatra zavatra bebe kokoa momba ny mety ny fandaharana teny fa ianao no, raha ny marina, mampiasa izany. Tsy tonga saina tanteraka mihitsy aza ny hevitra hita Mety ho tena mahatalanjona.