CSS Animation me ona taea

Miharo pehea ki te hanga hākoritanga CSS, maha kaiwhakamahi haere i roto i te rapu o haapiiraa me tohutohu. A ahakoa e taea te kitea taua tohutohu konei, i roto i era atu mea, ka hoatu e koe e matou i te tohutohu whai hua matua i roto i te hanga o te hākoritanga te whakamahi i CSS.

ngaro whanaketanga pai

Tohutohu e taea te hoatu ki te hunga e hiahia ana ki te mohio tino te mea ko te CSS hākoritanga maheni, ko e whai ake. A, no te nga ngā rā ki mongamonga rite o te waehere me te tamata ki te kawe i roto i to ratou ake ngā. I roto i te wa noa i mahi i runga i to ratou ake pae, tamata kia kite ka ahatia ki te kotuituitanga o te wahi o te waehere, kia ako tenei e taonga ranei i ki tonu i. Whakamātauria ki te whakatinana i katoa o ngā whakaaro ngā te whakamahi i te taputapu reo tino rerekē, a ka whakatuwhera i pakiwaituhi CSS mo koutou i roto i te ara hou. Tenei tohutohu ohie ko tenei - whakamātau hoki koe.

ahua CSS-hākoritanga

Na inaianei mo nga tauira ngā. Ka rite ki te tikanga, te whakamahi paerewa o te hākoritanga ko ki te huri i te tahi mau āhuatanga o te pae āta i runga i te wā. Ko ko tenei kitea rawa, kua kore te reira? Na konei faaite matou ki a koutou i te ara faahiahia ki te whakamahi i te wa o te ahua o te hākoritanga.

Ko te take i te huringa tūturu ki te pae i roto i te wahi o te hākoritanga ranei i roto i tona taatoaraa e taea e tata inamata. Ki te mahi i tenei, ui tatou i tetahi keyframes rua, engari te whakamahi i te whānuitanga iti rawa. Hei tauira, kia ai taua mea rite ki te 0,001%. I roto i tenei take, ka taea e CSS hākoritanga tupu tonu. Ko reira tino tika mō te whaihanga i te tohu haukura. Ka kemo tenei tohu, me te mea ka te CSS hākoritanga ka waiho atu te māramatanga me te ki te whakamahi me te āhuatanga kuputuhi-atarangi, te tohu ka tata rite te mea tūturu.

Tenei ko te waehere tauira.

Te whakapai ake i te pātene mahi

Ki te whakaaro tatou ki te pātai o ai he aha kia rerekē pātene CSS-hākoritanga, e taea te mea te reira e te pātene kōwhiringa whakapaipai i runga i ngā pae huinga nui. Fakakaukau angé ki tetahi tauira. Ko te pānga o te pēhi i te pātene koropuku. waehere Tauira - i raro.

Ki te taua wahi ohie o te hākoritanga poraka CSS o waehere ka titiro tino pai. titiro reira rawa ngā me te maha whakamahia i runga i ngā pae tino rerekē.

CSS-hākoritanga ina whakaparo koe i runga i te katikati pae

Ko te pae hihiri, me te hou, te roa tonu te reira i runga i te kaiwhakamahi. I tua atu, kei te hoki te whakatangihanga a te wāhi nui i te tauwhitinga. Ko te tino pono tenei, engari te mea e nehenehe e tauturu i ki te hanga i te pae kia rite ki pāhekoheko rite taea?

Tino pai ka titiro ki te mahi ki ngā āhuatanga hoahoa, me whatiwhatinga o te pae, ka te kiore. pātene Animation ina whakaparo koutou i aparau matou i runga, engari ka taea e koe "whakahauora" motu i taua me nga wahi ngā o te pae, hanga ratou te huatau tino. Ka rite ki ki nga mea katoa atu, te parau tumu matua i konei - e kore e overdo te reira.

Heoi, i reira he he whakawhiti rawa pai, e taea te tango ake ki ngā āhuatanga e pā ana wha.

I roto i te tetahi wa CSS-hākoritanga ina whakaparo koutou i runga i tenei wahi o ka huri waehere. whakaritea te wa e te taonga roanga. Ko, ina whakaparo koutou i runga i te tūemi haamata te reira i te huringa moku, tetahi taonga e whakaturia tatou i roto i te kaikōwhiri. I roto i to tatou take ko reira - .element (ira whakamua). Ahua raro ko te tauira o te waehere, ka te whakawhiti i te Tauoti ipu, e kua te .hover tupurangi, e taui te whakamārama i whero ki matomato.

A, no te rere te kaiwhakamahi e kore e te hākoritanga CSS kiore huri tonu, engari roa e etahi hautanga o te tuarua, e hanga he pānga ngā.

I tua atu, ki te i roto i te tauira o mua, ka ui koe he ture etahi e i puta ke whakamārama i roto i te huānga Tauoti i whero ki matomato, me te neke i roto i 0.4 hēkona, kia tuhia te reira e te whakamahi i te uara katoa, ka taea e koe te tono ki te taonga katoa te katoa tonu.

waehere Tauira kanohi e whai ake nei.

Ka rite ki whakaaturia i roto i ngā āhuatanga purpuru me te papamuri pānga whakawhiti e puta i te taonga whakawhiti fakapapau'i. kia mōhio koe e taea e koe te whakapūtā he he huinga tetahi piko-wehea o uara.

Ētahi onäianei o te whakamahi i tenei momo o te hākoritanga i runga i ngā pātene

I roto i te parau tumu, i roto i te oma roa e kore e mea faufaa i roto i te mea kia ka tohua, ka whakawhiti ki te uara raraunga. Te kore i roto i te take kotahi. Ka taea e tatou te mahi ki te taonga roa. I roto i tenei take, e hiahia ana matou ki te whakapūtā te roanga, me te wā. I roto i te mau parau te tahi atu, ka hiahia tatou te waehere ki te korero ki pehea te roa o te tika rawa ki a matou ka puta he whakaroa.

E mau ana i roto i te ngakau e kore e taea e te tahi mau āhuatanga e te pānga o te whakawhitinga. E ko, e kore e taea e ratou rangitahi. Ko e tika ana ki te meka e kore e taea te waituhi ratou tenei.

hākoritanga kuputuhi

Ki te awhina o te waehere e taea te whakaturia me pai kuputuhi hākoritanga CSS. pea tenei etahi ahua o te tuhinga, me te taitara nui, taitara pae. Ka rite ki whakahuatia i runga ake, te mea matua - e kore e overdo te reira, a kahore e tahuri koutou pae ki te tanú, e ka titiro cheap.

Well, kia tamata a ki te kitea i roto i te mea CSS hākoritanga o kuputuhi, ka hanga ai, me atarangi kuputuhi. Mahalo kua kite koutou kiriata wehi, te wahi i nga ingoa o nga pikitia whakaaro ratou ki te memeha i tetahi whakamārama atarua-pouri. Kia tamata o ki te waihanga i te tauira whānui o te tahi mea rite tenei.

Whakahākori te kuputuhi i roto i te kāhua o kiriata wehi

Mau, ko te whakaaro katoa, ko te ki te hanga i te kuputuhi i roto i i nga he iti nuinga ki nga pukapuka, me te e tītaka. Ai i waenganui i ngā reta kia te wāhi. Ka whakamahi tatou atarangi interalphabetic, me te te wā. I roto i te tikanga ki te whakatinana i te whakaaro, e hiahia ana matou he hōtuhi Lettering.js Kaituhitanga Dave Rupert. hiahiatia e ia ki te roropi kupu me te torutoru reta i roto i te whanganga tūtohu. Tuatahi e hiahia ana koe ki te roropi te parau i roto i te tūtohu H2. Tenei ko te waehere tauira.

Na obernom nga kupu katoa i roto i ngā tūtohu H2 i roto i te whanganga tūtohu.

tupu te reira i rite ki tenei.

ka titiro te reira i ahua cumbersome, engari e kore e tukua e pa ki.

Manic whiwhi rawaka hanganga.

Ka rite ki te hua, to tatou ia o to tatou reta ngā takaia i roto i te whanganga tūtohu. tahuri ratou i roto i tino he rota. Ko te tauira, ko te tino taurite i roto i te waehere runga ake te hua. Ratou hanganga katoa, ka taea e koe te tuhituhi koe, a ka waiho i te reira i te tahi atu. Tei hoki te reira i runga i te aha te huru o te kuputuhi e hiahia ana koe ki te whakamahi i.

faaoti tatou i to tatou mahi ki tā te he iti. Katoa o matou taitara i roto i te tauira i runga ake, ka kia kei roto i te whanui katoa o te mata. A ka tangohia e ratou ake tata katoa te wāhi e wātea ana.

Mai e haere tatou ki te tuu fakatefito katoa o matou pukapuka ki runga ki te mata, ka, mo to tatou ipu me te hiahia ano hoki tatou flexbox.

Ko te tauira o tona waehere Here.

Na kua mahi matou kia nga pukapuka katoa, e kua takai i roto i te piha haapiiraa whanganga, e no ki te piha haapiiraa matua .os-kīanga, ka kia tū a ka kia piri ki reira i roto i te waenganui.

Kaua e wareware ki te tāpiri i te wahi o te wāhi noa, e ko ano mokowā reta.

I roto i tenei take, e hiahia ana te Uwhi tuatahi ki te whai i etahi āhuatanga atu. Tenei tirohanga taonga. ka tukua te reira ki a tatou kia tino e ka tenei pae rite ki te tu i waho, haere mai ki te mua.

Ratou rite tatou pukapuka ka kia mārama, a ka whakarewa tatou i te whānuitanga o te hākoritanga mo ratou tetahi wahi i roto i te 5.2 hēkona. Kei raro - waehere tauira.

He mea nui hoki ki te whakatau i te āhua o me ki te aha roa e puta i to tatou rerenga me ngā kīanga. Ko tēhea o nga wahi o te kuputuhi ka puta tere atu i te kotahi o mua, me te nui o. Ka titiro te waehere rite tenei.

Kia tatou e hoatu i te pānga iti, engari rawa ngā. A tuu i te Āheiō o 0.2. tawhiti Interalphabetic te kupu ka waiho rawa nui. Ka hoki pukapuka e koané mo te maha Y. tuaka kite koutou, ka rite ki te pai kia rite ki ngā kaiwhakamahi o koutou pae ka waiho noa hei wahi iti o enei reta. Ano, e kore e wareware ki te hoatu i te pānga o te āhuatanga o te kuputuhi-atarangi. hākoritanga hawhe, hanga matou he mea rerekē. Tatou ka whakatika matou nga pukapuka a ratou, a hoki ana ki te whakaiti i te tawhiti i te mea i waenganui o ratou, a ka whakanui i te Āheiō, a muri tohu povernom i runga i 0 mō te tuaka Y.

I roto i te mutunga, tāpiri ano tatou i te torutoru reta ranei ora promasshtabiruem ratou. Tenei ka hoatu pānga rākau iti hou.

Na rawa te parau whakamutunga CSS-hākoritanga.

A ae, i te pae hopea tāpiri i te whakamutunga pa. Ka arotahi matou i runga i te tahi mau kupu motuhake. ka whai ratou i te mata maia. Tenei ka hoatu e te aronga e tika ana.

Kaua e wareware e pā ana ki Uei

A, no te tamata koe ki te whakamātau koe ki te āhuatanga, me te CSS pakiwaituhi, tamata ki te kitea faaururaa i roto i nga mea katoa i roto i te ora ia rā. Ka taea e kia tetahi i te whārangi tukutuku ngā ki etahi pānga ataata faahiahia tenei.

I tua atu, ki te kahore koutou e titorotoro, me pehea ki te mahi i tenei e pānga ranei, ka ngana ki te waihanga i te reira i runga i to ratou ake, ka taea e koe te whakatutuki i ngā hua nui. Ranei, i te iti rawa, ako tonu te tahi mea atu e pā ana ki te taea o te reo hōtaka e te hunga, i roto i te meka, te whakamahi i koe i te reira. kia pai whakamatau kore noa tino mohio koutou whakaaro ki te kia tino mīharo.