35 tino awe i nga awangawanga ahua CSS

Nga awangawanga ahua CSS

I tenei ra kei konaa nga whakaahua kei runga i te paetukutuku kua noho hei kaikawe-whakarongo nui ki te kaiwhakamahi e toro atu ana ki a ia mo nga momo kaupapa katoa. Mai i te whakaahua, te haerere, nga taonga me nga whakaaturanga katoa o te ahua, ko nga whakaahua tetahi o nga mea nui, no reira mena ka taea e tatou te whakaputa i tetahi mahi whakamiharo, ka whai mana taua whakaahua ki te pupuri i te kaiwhakamahi kua hinga ki runga i ta maatau paetukutuku.

Koinei noa te nuinga o enei paanga ka taea ki te whakatutuki i runga i te manuhiri paetukutuku. Nga paanga CSS e tino aro ana i etahi waa a ki etahi ko ta raatau kaupapa he ngawari ake, ahakoa ka tutuki i nga wa katoa e hiahia ana tatou katoa: kia aro tonu te kaiwhakamahi ki nga mea katoa e tukuna mai ana e ta maatau paetukutuku. Me raarangi inaianei 33 nga ahua ahua CSS e kaha ana te hopu.

Whakaahua Putiki Tino 3D

3d kupiki

He tino whakamiharo tenei ahuatanga o te ahua ka hurihia te ahua ki te pouaka 3D e taea ana te huri i tana poututanga kia pai ai te kite o te tirohanga. I runga i te CSS3D, mena ka taea e koe te whakamahi i runga i to paetukutuku, kaore he korero a te manuhiri.

Tuhinga e pa ana:
35 atu CSS paanga kuputuhi mo to paetukutuku

Parani whakaparo 3D

Puri Hover 3D

Ko tetahi atu kitenga a-kanohi hei whakatutuki ina waiho ana e taatau te kiore ki runga ake i te ahua, tenei hinga ka rite ki te patua e te taua. He whakangahau pai mo tetahi atu ahua ahua pai.

Panorama CSS 3D

CSS 3D Pânorama

Ka haere ngatahi te HTML me te CSS ki te hanga a tino painga panorama me te mea e titiro mai ana mai i runga ake o te whare i tetahi taone nui.

Tuhinga e pa ana:
27 tino painga tuhinga CSS mo te tuhinga tuhi a to paetukutuku

Ko nga whakaahua kei te "kokonga" te tirohanga

Whakaaturanga Honga Taha

Un whakamātautau tirohanga e mahi ana i tetahi kaupapa motuhake hei waahanga paetukutuku.

Nga matapo Venetian

Nga matapo Venetian

He painga ataata pai i nga wa katoa waiho te atatohu kiore kia rereke i waenga i nga rereketanga e rua e puta ana i te ahua.

Ata wehe

Ata wehe

Na te whakairi i te tohu a te kiore ki runga i te ahua, na ka whakarahihia kia rite rawa te tito.

Whakaparo awe whakapakoko

Hover Whakaaturanga Whakaahua

Ka whakaputahia he hua aarai ka wehe ana koe el tohu tohu kiore i runga i tetahi tohu motuhake mai i te ahua.

Hua whakaata 

Espejo

Te pikitia panuku me te whakaata whakaawe i a tatou e pahekeheke ana i te tohu a te kiore mai i te taha matau ki te taha maui me te aha.

Atahanga me te awe awe

Pānga whakaata

He mahi e rapu ana kaupapa te whakaata i te ahua o te ahua i whakamahia e maatau mo tenei mahinga ahua CSS.

Whakaahua te ahua o te mahi

Painga Honga

Ka taea te toro atu koretake te kitenga he pehea rawa te hua o te taha taarua o te whakapakoko.

Hover blur pānga

Pūkaha

I a maatau e neke ana i te tohu ki roto i te ahua, hua te blur pānga ka ngaro i roto i nga hēkona.

Whakairihia te whakaahua

Whakairihia te whakaahua

Tuhinga o mua te nekehanga i te wa ano ka maka e tatou te tohu kiore i runga i te ahua.

Whakaparo pehanga i te SVG

SVG Whakaparo

He painga whakaparo pai e tuu ana whakakitea te whakapakoko e huna ana i raro i te ingoa ake. He pai te whakaoti me te tino pai mo te whakaatu i tetahi riipene auaha me te whakaata i nga whakaahua.

Mai i te tuhinga ki te ahua o te whakaparo

Painga SVG

Ka whakaatu te Kuputuhi i te ahua o te atatohu kiore e huri ana me te pakiwaitara hopu-kanohi me te pānga matapo ka tuwhera mai i waenganui.

Te whakaatu i tetahi waahanga o te ahua papamuri

Whakaparo e whakaatu ana

Ka rite ki te mea i roto i o maatau ringa te crosshair o te karaihe waea waea, he waahanga o te ahua o muri e whakaatuhia ana i a maatau e neke ana i te tohu kiore.

Whakaparo hākoritanga

Whakaahua Hover Kararehe

He tino painga, engari he maamaa noa ki te waahanga. Mena kei te rapu koe i tetahi mea ngawari me te iti, Ma tenei ka taka to aroha.

Puta te aru whakapapa

Atahanga aroturuki

Ētahi atu pānga māmā mo tetahi kaupapa motuhake.

Tuku atahanga

Topa

Koinei te pānga topa angamaheni me tino hiahia koe ki te kawe ki to paetukutuku inaianei.

Tapa whakaaro awe

Hover topa

Tetahi momo rereke penei pānga topa ka waihohia e maatau te tohu te kiore e taunga ana ki te whakaahua.

Whakanui i te karaihe

Whakanui i te karaihe

Ka rite ki tona ingoa fokotuu, te ma te tohu tohu kiore e huri te ahua i roto i te karaihe whakanui e whakanui ana.

Kaore he whakaparo JavaScript

No JS

Kaore he JavaScript taea e koe te waihanga i te painga topa atahanga me te tukutuku taurangi.

Puka paparua CSS

whakaparo

Un pānga CSS parakore mo te paparanga kua eke ki runga ki te ahua kei a tatou.

Hovy mo nga whakaahua

Nga whakaahua Hovy

Kei i a koe te wharepukapuka o pakiwaituhi CSS mo nga waahanga o te kaiwhakamahi. Ka kite koe i a raatau katoa i roto i te hono ki te tiki i tetahi e tino pai ana ki a koe. He maha nga painga ka taea e koe te kowhiri Tuhinga o mua.

Paparua Whakaahua

pikika

Me te hākoritanga raina tino kounga, ko te whakatakotoranga papamuri kanohi. Tetahi ano ka taea e koe te pai.

Pānga whakakikorua o te atahanga

Whakaparo porowhita

Ka hoki mai maatau me tetahi atu paanga o paparua i te HTML me te CSS kei roto nga raina porowhita nga kaiwhakauru.

Pānga whakakikorua o te atahanga

whakaparo

He painga paparua ka taea te whakamahi mo nga waahanga paetukutuku rereke. Me te iti te auahatanga e taea te whakauru i runga i nga kaari penei i era o tenei tuhinga.

Whakaparo awangawanga me te hākoritanga ata

Hover tohu

He kounga kairangi me te pakiwaituhi tohu ka whakakotahi i a koe i nga huringa tuatahi. Ka taea e ia whakaarahia ake te tuhinga.

Whakaaroaro me nga kupu hauraro

Subtítulos

Tetahi painga whakaparo pai ki hauraro e puta mai ana me te pakiwaituhi tino maeneene me te whakatutukitanga.

Nga hua ahunga whakaparo 3D

Aronga 3D

Ko tetahi o nga awangawanga ahua whakaongaonga ka kite koe i te raarangi katoa. Ko te ka riro te tohu tohu kiore hei kaiarahi mo te «3D kupiki».

Rahi pikitia

Tauine Atahanga

Ko tetahi atu painga ngawari, engari tino whakahihi kaore he puawai maha.

Puta atarangi iOS me React

atarangi ios

Un painga kaore he tino whakahianga, engari he tino raima i te atarangi o te taumarumaru e whakaputaina ana, na te mea e ahua whakaarahia ana mai i te "whenua".

Kāhua Atarangi iOS 10

atarangi ios

Ko te tohu kiore he pānga 'pana' i runga i te ahua e whakaputa kiko nui ana. He tino whakamere.

Puka whakawhiti whakaahua

A Mohi

Un painga whakawhiti whakamiharo i roto i te whakapakoko kua decomposed ki te mātiti o mātiti. Ka taea e koe te whakahaere i te wa e puta ai te paanga me te maha atu.

Panuku whakaahua whakawhiti

Panuku

Un te huringa huringa huatau me te auaha mo to paetukutuku. Kaua e wareware ki te wa i whakaritea i tenei CSS.

Panuku i te ahua me te wira kiore

Te whakawhiti

Ka Me koe ki whakatinanahia i te wa e whakamahi ana koe i te wira kiore ki te whakawhiti mai i tetahi ahua ki tetahi atu me te huringa huringa huringa. Miramira.


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

6 korero, waiho maau

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.

  1.   Sandy Hernandez ka mea

    Kia ora He tino pai ki ahau nga paanga i tukuna mai e koe. Ma te tupono ka mohio koe ka pehea te paanga ka tuu koe i te tohu ki runga ahua ka neke mai i raro ki runga, pai mo te whakaatu arokite o nga wharangi paetukutuku. Ka waiho e au he tauira mo taku e korero nei, i te waahanga «Tuhinga Mahi Paetukutuku Pae Hou
    »Mai i te paetukutuku selectawebs.com
    Ngā mihi i roto i te mua

  2.   Omar ka mea

    He pai te whaarangi me te pou, he pai ki ahau mai i te wa e hiahia ana ahau ki etahi paanga mo te paepae urunga tomokanga ki nga tono o roto. Nga mihi nui ki a koutou mo enei koha.

  3.   gabriel takahuri ka mea

    Nga painga tino pai. Kei te ako au i roto i taku ake akoranga, he pai ki ahau te whakaaro mo te whanaketanga paetukutuku nui, Kei te hiahia au ki o tohutohu mo te tiimata me te aha hoki hei ako. tēnā koutou

  4.   kuiti ka mea

    Kia ora, whakawhetai mo o korero. Tirohia to whaarangi i tenei ra. He mea whakamiharo. Kaore he mutunga o te panui me nga paatai ​​ka taea te tuku i roto. ;)

    1.    Manuel Ramirez ka mea

      Kia ora Natalia! He harikoa ahau ki te pai ki a koutou i nga panui i konei i Creativos Online. He mihi!

  5.   Mendoza ka mea

    Hey raarangi whakamiharo o nga painga pai, he mea pai ki te kite me pehea te whakamahi ki nga kupu ki te kupu timatanga