Awọn akojọ 35 ni HTML ati CSS

akojọ

Ninu jara ti awọn nkan pẹlu lAwọn iwo ti a yan ti CSS, HTML ati koodu JavaScript, a maa n pin awọn ipa ọrọ, awọn ọfa, awọn akọle tabi awọn ifaworanhan pẹlu eyiti lati fi rinlẹ apẹrẹ oju opo wẹẹbu wa ki o le yangan diẹ sii tabi o lagbara lati ṣafikun iye si akoonu ti a mu wa si alejo naa.

Akoko yii o to akoko fun awọn akojọ aṣayan ni HTML ati CSS pẹlu eyiti o le ṣe ere idaraya ni deede awọn eroja pataki wọnyẹn ti o gba wa laaye lati ṣe itọsọna olumulo si awọn ẹya pataki julọ ti eCommerce wa, bulọọgi ati diẹ sii. A lọ pẹlu wọn lati fun aaye wa ti o wa lẹhin ifọwọkan didara ati pe o jẹ lọwọlọwọ bi o ti ṣee ṣe si awọn ipele ti apẹrẹ UI.

Ifaworanhan akojọpọ accordion

Hamburger

Un akojọ ifaworanhan tabi akojọ aṣayan ẹgbẹ hamburger ti o ni awọn ohun idanilaraya oore-ọfẹ pẹlu ifọwọkan minimalist si ipa nla.

Nkan ti o jọmọ:
9 awọn akojọ aṣayan CSS legbe ti o ko le padanu

Swanky Pure CSS Ju silẹ

Swanky

Swanky Lil Ju silẹ Manu V2.0 es akojọ daradara pari CSS mimọ eyiti o ni iye ti a ṣafikun pe ko si koodu JavaScript rara ni wiwo olumulo. Nìkan dara julọ ifowosowopo rẹ lati ṣe iwari didara nla.

Akojọ akojọpọ

Accordion

Este akojọpọ accordion es irorun ti a ba ṣe afiwe rẹ si awọn meji ti tẹlẹ pẹlu HTML, JS ati CSS.

Nkan ti o jọmọ:
16 cascading awọn akojọ aṣayan CSS lati tun oju opo wẹẹbu rẹ pada

Aṣayan inaro pẹlu jQuery ati CSS3

Inaro accordion

Un akojọ aṣayan inaro pẹlu jQuery ati CSS3 de ifọwọkan nla fun ohun elo kan tabi aaye ayelujara. Gbogbo iru awọn iyipada ati awọn gradients pẹlu awọn ojiji ti o kere ju.

Ipin akojọ

Lilọ kiri Ipin

Un ipin ipin de esiperimenta lilọ eyiti o ṣiṣẹ ni pipe fun oju opo wẹẹbu imọ-ẹrọ. Ṣelọpọ ni SVG ati Platform Animation GreenSock, yatọ laisi iyemeji.

Radial akojọ

Radial

Miiran radial akojọ ati esiperimenta eyiti o jẹ deede wulo fun oju-iwe ti a pinnu fun ere kan.

Ipin CSS HTML akojọ

Ipinle

Un ipin ipin CSS HTML lati gbe si ni ita ati pe ṣii circularly pẹlu iriri olumulo nla kan.

Erongba akojọ orin oruka

Oruka

Ni eyi oruka akojọ awọn awọn ọna asopọ wa ni ipo lori oke ọkọọkan lati ṣẹda awọn oruka oriṣiriṣi.

Ododo gbe jade akojọ aṣayan

Flower

Omiiran miiran agbejade akojọ pẹlu iwara ti a lo daradara ti o ṣe ipa nla kan.

Recursive Rababa Nav

Idapada

Recursive Rababa Nav O jẹ ga didara ju silẹ akojọ fun awọn idanilaraya wọnyẹn ti o tọka si iṣeto ti akoonu ti wẹẹbu.

Yiyọ lilọ kiri

CSS

Un akojọ aṣayan yiyọ lilọ kiri iru si ti iṣaaju botilẹjẹpe pẹlu awọn tints miiran ninu apẹrẹ wiwo.

Mimọ akojọ aṣayan CSS mimọ

Simple CSS mimọ

Miiran akojọ aṣayan yiyọ silẹ ni CSS eyiti o tẹle awọn ajohunše apẹrẹ UI lọwọlọwọ.

Idahun ati rọrun akojọ aṣayan

Idahun ti o rọrun

ni kikun iboju, yi idahun ati rọrun akojọ aṣayan ni HTML5 ati CSS3 o jẹ ibaramu pẹlu Internet Explorer 11.

Akojọ aṣyn iboju ni SVG

Full akojọ SVG

Un akojọ iboju kikun ni SVG gbe si ẹgbẹ ni hamburger ati pe iyẹn jẹ mimu oju pupọ.

Mega Akojọ aṣyn CSS

Akojọ aṣyn Mega

Un Akojọ aṣyn Mega ni CSS ati HTML yatọ si ohun ti a rii, pẹlu aṣa igbalode ati ọna ti o kere ju.

Erongba Akojọ miiran

Erongba akojọ

Erongba Akojọ miiran ni bojumu aṣayan ti o ba ti o n wa oriṣiriṣi ati atokọ atilẹbaỌkan yii jẹ ọpẹ nla si akojọ aṣayan aṣa lori aami ati ere idaraya ti a fi taratara ṣiṣẹ.

Ohun elo Apẹrẹ Akojọ

awọn ohun elo ti

Ohun elo Apẹrẹ Akojọ jẹ da lori ede apẹrẹ Google. 

Boga mobile akojọ

Boga

Un akojọ hamburger mobile iṣapeye ati pe o ti ṣe ni HTML, CSS ati JavaScript.

Velocity.js folda apoti kikun

sisa

Velocity.js folda apoti kikun ni a akojọ ti didara nla ni ipa ti o waye ati fun iriri olumulo ti o fẹrẹ jẹ alailẹgbẹ. Apoti apoti folda kikun pẹlu iyara.js.

Iwe ni kikun pa-kanfasi

Oju-iwe ni kikun

Iwe ni kikun pa-kanfasi jẹ didara ga, akojọ aṣayan iboju kikun ti o ṣiṣẹ ni pipe fun iṣafihan bii o ṣe le ṣe oju opo wẹẹbu kan pẹlu awọn iye wọnyẹn.

Rababa laini akojọ aṣayan

Pababa

Un rababa akojọ ipa ila to rọrun o si dara pupo.

Erongba akojọ aṣayan ọna-ọna agekuru CSS

Erongba Akojọ aṣyn CSS

Erongba miiran ti akojọ aṣayan pẹlu agekuru-ọna ti o wa ninu rababa iyanilenu pupọ ati diẹ ninu awọn ẹka ere idaraya.

Strikethrough rababa

idasesile

Strikethrough rababa o jẹ miiran akojọ rababa fun awọn ọna asopọ iyanilenu abajade.

Akojọ aṣyn CSS Lavalamp

Lavalamp

Akojọ aṣyn CSS Lavalamp ni ọkan iwara rababa fun ọkọọkan awọn ọna asopọ naa iyẹn ya ararẹ si agbara agbara.

Yiyọ lilọ kiri

Mọ Slider

Un esun lilọ kiri eyiti o yi lọ si ọna asopọ kọọkan lati ṣe iyatọ pẹlu hue pupa ati iwara ti o ni itọju ti awọn abajade nla.

Mobile akojọ lilọ

Mobile akojọ

Un boga akojọ aṣayan ti ipa nla ti o ni ifọkansi si awọn ẹrọ alagbeka.

Erongba akojọ aṣayan alagbeka IPhone X

iPhone X

 

Un akojọ apẹrẹ fun iPhone X iyẹn le fun ifọwọkan ti didara si oju opo wẹẹbu rẹ ki o wa ni ipo pẹlu apẹrẹ ti foonu Apple.

Submenu faagun fun alagbeka

Submenu faagun

Submenu faagun fun alagbeka ti a ṣe fun awọn ẹlẹsẹ pẹlu iwara iwara ati rirọpo ti o dara pupọ. Elegance ni gbogbo awọn ipele fun wiwo alagbeka ti ohun elo rẹ tabi oju opo wẹẹbu.

Ere idaraya lilọ kiri ti ere idaraya

Laaye

Miiran ti ere idaraya akojọ fun mobile pẹlu ipin ere idaraya ipin pẹlu awọn abajade iwoye nla.

Akojọ aṣyn pẹlu lilọ ati awọn ipa rababa

Yi lọ yiyi

Miiran ipa nla fun akojọ aṣayan miiran ati quirky. Ila-oorun akojọ aṣayan pẹlu yiyi ati awọn ipa rababa o jẹ pipe fun awọn ile ounjẹ, awọn atunwo, ati diẹ sii.

Mobile àlẹmọ akojọ

àlẹmọ

Un àlẹmọ mobile akojọ yipada fun ẹya ayelujara ti o fojusi alagbeka.

Paa lilọ kiri ayelujara

Paa-kanfasi

Paa lilọ kiri ayelujara O jẹ atokọ pe ṣe idanwo pẹlu awọn iyipada ati lilọ kiri lati jẹ lọwọlọwọ lọwọlọwọ. Ti o ba n wa nkan titun lati ṣe iyalẹnu, ipele rẹ ni o dara julọ lori atokọ yii.

Farasin akojọ aṣayan CSS

Farasin akojọ

Un akojọ aṣayan ni CSS ohun ti o farapamọ ati nitorinaa farahan pẹlu aami hamburger.

Pẹpẹ lilọ kiri ti o wa titi

ti o wa titi

Lo bootstrap dipo ti flexbox lati ṣe atilẹyin IE9 / 10. Miiran o tayọ akojọ fun awọn oniwe- Pẹpẹ lilọ kiri ti o wa titi ninu ero rẹ.

Taabu Morphing

Morphing

Taabu Morphing o jẹ akojọ aṣayan sisọjade ti o waye nigbati o ba tẹ lori bọtini taabu akọkọ.


Awọn akoonu ti nkan naa faramọ awọn ilana wa ti awọn ilana olootu. Lati jabo aṣiṣe kan tẹ nibi.

Awọn asọye 2, fi tirẹ silẹ

Fi ọrọ rẹ silẹ

Adirẹsi imeeli rẹ yoo ko le ṣe atejade. O beere aaye ti wa ni samisi pẹlu *

*

*

  1. Lodidi fun data naa: Miguel Ángel Gatón
  2. Idi ti data naa: SPAM Iṣakoso, iṣakoso ọrọ asọye.
  3. Ofin: Iyọọda rẹ
  4. Ibaraẹnisọrọ data: Awọn data kii yoo ni ifọrọhan si awọn ẹgbẹ kẹta ayafi nipasẹ ọranyan ofin.
  5. Ibi ipamọ data: Alaye data ti o gbalejo nipasẹ Awọn nẹtiwọọki Occentus (EU)
  6. Awọn ẹtọ: Ni eyikeyi akoko o le ni opin, gba pada ki o paarẹ alaye rẹ.

  1.   Javier wi

    Kaabo Mo wa awọn oriṣiriṣi awọn akojọ aṣayan ti o wa lori oju-iwe yii ni igbadun pupọ, ibeere mi ni bawo ni o ṣe fi awọn faili js ti akojọ aṣayan sii? ni igba pupọ Mo gbiyanju lati kọ eyikeyi akojọ awọn ti o ni js ko ṣiṣẹ, tabi ma ṣe fi sii wọn, ni ṣiṣayẹwo awọn eroja aṣawakiri o sọ pe iṣẹ ti o han ni akọkọ ko ṣe alaye ati nitorinaa pẹlu gbogbo awọn akojọ aṣayan

  2.   Eduardo wi

    Ilowosi to dara julọ :)