Awọn akojọ 35 ni HTML ati CSS

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

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 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ọ

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

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ọ

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ọ

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

Ipin CSS HTML akojọ

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

Erongba akojọ orin 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

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

Recursive Rababa Nav

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

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ọ

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

A 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

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

Mega Akojọ aṣyn CSS

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ọ 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ọ

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

Boga mobile akojọ

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

Velocity.js folda apoti kikun

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

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

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

Erongba akojọ aṣayan ọna-ọna agekuru 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

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

Akojọ aṣyn CSS 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

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ọ

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

 

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 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

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

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ọ

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

Paa lilọ kiri ayelujara

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

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

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

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