27 tino painga tuhinga CSS mo te tuhinga tuhi a to paetukutuku

Hangarau Tuihono

La he mea tino tuhi nga tuhinga mo a maatau paetukutuku e tika ana ki nga korero e mahia ana e maatau ma te eCommerce, te blog, te whaarangi tau ranei. Koina te take me mohio me pehea te kowhiri tika ko tehea puna ka puta mai i a maatau mai te mataku kia akiaki ai te kaipānui, ki te kaihoko ranei ki te panui i ia wharangi e whakaoti ana i nga korero o taua korero.

Engari haunga nga tuhinga tuhituhi, he mohio ka taea te whakamahi i nga paanga kuputuhi CSS kia taea ai te tuku i taua pa motuhake me te "hopu" i te kaihoko e rapu ana i tetahi hua kei a maatau raarangi eCommerce. No reira ka tohaina e matou he 25 tuhinga CSS whai kiko kia maarama ake ai te momo tuhi ki nga kanohi o te kaiwhakamahi e toro ana ki ta maatau papaanga.

Kuputuhi 3D

Paanga 3d

He mahinga kuputuhi CSS e whakaari ana i nga momo waahanga ki kawe 3D ki te patopato e ahei ana ki te hopu i te hiahia o te manuhiri ki ta maatau paetukutuku. Te patu me te kore ruarua. Kaua e ngaro ki enei momotuhi onaianei mo nga kaihoahoa.

Taputapu tuhi 3D CSS

CSS CSS

Tenei paanga Ka mauhia e 3D a maatau ara rereke te mea o mua mo te taatai ​​tuhi ka uru ki waenga i nga waahanga katoa e tuu ana e maatau.

Hākorikori Ara Ara

Ara kopikopiko

este he waituhi te paanga o te tuhinga ahakoa he tino ngawariHe pai tona whai hua me te mea he tino uaua. Ka rite ki te tuhi ma te ringaringa. Ka taea e koe te rapu i te waahi pai mo to waahi, na te mea koinei tetahi o nga mea pai o tenei raarangi.

Paki pukapuka

Pānga

Ka whakaputahia he painga whakarahinga me tiwhikete i roto i te tuhinga e whakaputa ana i te ahua huatau me te ngaiotanga.

Frozen

Frozen

He he te whakaata i te tuhinga he pai rawa atu mo te momo tuhi. Ko tetahi mea e pa ana ki te takurua, nga kaainga whenua, te reti ranei he tino pai.

Hello

Hello

Tenei paanga ngana ki te tuhi i nga momo ahua iti na ratou rawa te tuhinga i tuhi. Katahi ano ka hangaia he waehere CSS e whakaatu ana i te uauatanga o te paetukutuku.

Hākoritanga raina kuputuhi

Te Kāwai

Ka rite ki tera o mua, a pānga tuhinga kuputuhi CSS me nga raina e tuhi ana i nga tuhinga e pa ana ki te waehere.

Sleeve

Sleeve

Tuhinga o mua pakiwaituhi panui hua nui e ahei ana ki te whakaputa ke i ia reta kia pai ai te hanga o te kounga.

Kakano CSS whakaatu tuhinga

CSS

Tetahi pakiwaituhi mo he painga tuhituhi tino ataahua a ka taea ki te whakaputa i te ngaiotanga i roto i taua manuhiri e haere mai ana ki ta maatau paetukutuku.

SVG kopare ataata ki te tuhinga

SVG

Ko tetahi o nga painga pai i runga i te raarangi katoa me tera e whakaatu ana i te kopare o te riipene ataata kei muri kia waiho ai te tuhinga hei kaiwhakaari. Te kounga teitei i nga taumata katoa.

Whakauru tuhinga CSS waituhi

Whakauru

Mena ka taea e koe te whakauru tika i tenei paanga ka whakauru ana koe i nga tuhinga ki to paetukutuku. kia taapiri te taapiri i nga integers tae atu ki te taha auaha.

Puka tuhinga "Cool"

PĀHUAHI

Ko tetahi atu kanohi kanohi i roto i te tuhinga e pa ana ki tera whakamahi ana i te ahua GIF ki te whakaputa i tetahi hua pai penei i te kopare ataata. Ka pai ake to kite atu i te tauira tauira o te Codepen.io.

He reta kuputuhi maamaa

Whakawhiti

Ko tenei paanga kupu tino pai mo te putea o te kaitoi ahakoa te aha, ahakoa o te roopu puoro e rapu ana tatou i te korikori. Katoa te hopu-kanohi.

Hinengaro Psycho

Koro

Ka rite ki tera o mua, tetahi atu paanga o kuputuhi bombastic me tino tupurangi mo era paetukutuku e rapu ana kia tu ke mai i era atu. Ka tika ana te whakakotahitanga ka taea te maka o te keke ki runga i te keke.

Kuputuhi VHS

Kuputuhi VHS

Tuhinga o mua ataata e tino mohiotia ana i nga tau 80 me te 90 ka taea e taatau te whakaputa ma tenei CSS.

Whakaparo ki te tuhinga

whakaparo

Waiho noa te tohu tohu kiore mo ia reta kia kitea te paarua o te HTML, CSS me te JS waehere. He tino pai i runga i te taumata whanui.

Hover Kupu puna kupu

Kupu puna

Mo tetahi mea hangarau tenei whakaparo kupu e tino pai ana mo nga momo paetukutuku katoa e pa ana ki nga hangarau hou. Hoatu ki runga i te paatene he pai ano nga hua.

Sass Koropiko CSS ngawari

SASS

Othertahi atu hua ā-tuhi Kounga teitei me te huatau CSS ka taea te whakaputa i nga momo rongo katoa i te manuhiri. Tino taunakitia.

Span raina maha

whanganga a

He mahinga tuhinga CSS tino ngawari, engari me te kaha pea ki te patu He aha ra.

Taarua waituhi

Tāraro

Ki te hiahia koe whakaatuhia te whiti tuhinga e manuhiri ana te manuhiri whakatuhia te tohu kiore, ma tenei paanga CSS e whakaputa ai te raarangi. He tino whakamere na te mea he auaha, he pākiki hoki.

"Nga Mea Tauhou" awe

Me'a ke

Ka rite ki te rongonui ochontera TV series Mea Tauhou, ka taea e tenei awhi whakaparo te mahi i te tuhinga tuhi o te raupapa me te hua pai.

Kuputuhi hurihuri

E takahuri ana

He tino he pānga wairere hei whakakapi i te kupu matua o te tuhinga kei a maatau i te mata. He tino pākiki.

Puka CSS Groovy

Pauro

Tuhinga o mua atarangi whakamarumaru mo nga korero paetukutuku mo tetahi kaupapa motuhake.

Painga Rōnaki

Kaururuku atarangi

He tino tirohanga ataata mo te whakamarumaru i te patopato. He pai me te kore ruarua ahakoa he maha nga tae.

Pararake atarangi

parallax

A pānga atarangi pararake i a maatau e neke ana i te tohu ki runga i te tuhinga.

Pato Pato

paatotanga paato

He kuware, me te te tuhi pato a kanohi mo te tuhinga he tino pai te whakahoahoa.

Patohia te tuhinga

Patohia e au te tuhinga

Ētahi atu pānga patopato e kore e wareware ki a koe i CSS, HTML me JS.


Ko nga korero o te tuhinga e piri ana ki o maatau kaupapa o matatika whakatika. Ki te ripoata i tetahi paatene paato Here.

Hei tuatahi ki te korero

Waiho to korero

Ka kore e whakaputaina tō wāhitau īmēra. Kua tohua ngā āpure e hiahiatia ana ki *

*

*

  1. He kawenga mo nga raraunga: Miguel Ángel Gatón
  2. Te kaupapa o te raraunga: Whakahaerehia te SPAM, te whakahaere korero.
  3. Ture: To whakaae
  4. Whakawhitinga korero: Kaore nga korero e tukuna ki nga taha tuatoru engari ma te ture herenga.
  5. Rokiroki raraunga: Paetukutuku e whakahaerehia ana e Occentus Networks (EU)
  6. Tika: I nga wa katoa ka taea e koe te whakaiti, te whakaora me te muku i o korero.