Endrika CSS 40 izay mety tsy ho hita amin'ny tranokala rehetra

Fomba fidirana

Raha misy zavatra izay mahazatra matetika amin'ny karazana tranokala, dia ireo no fampiasa. Ireo endrika ampiasainay hamenoana ny mombamomba ny fifandraisana, ampidiro ny antsipirian'ny banky, midira amin'ny tamba-jotra sosialy na manao fikarohana tsotra toy ny fanaonay isan'andro ao amin'ny motera fikarohana Google.

Ka anio dia hasehoko anao Endrika 40 amin'ny CSS miainga amin'ny endrika fifandraisana, fisavana carte de crédit, logins, tsotra, famandrihana na fanamarinana aza. Andian-dahatsoratra endrika kanto sy kanto lehibe hanomezana an'io teboka manokana amin'ny tranonkalanao, na inona na inona lohahevitra.

Taratasy fifandraisana minimalista

endrika-minimalist

Fandraisana fifandraisana tsotra miaraka a vokatra isan-karazany lehibe toy ny marika mitsingevana na ny sarimiaina. Kaody CSS tsara tarehy miaraka amin'ny JavaScript kely. Raha mitady a endrika fifandraisana minimalista tonga lafatra ho anao io.

Lahatsoratra mifandraika:
Tranomboky CSS avo lenta 23 ho an'ny famolavolana tranonkala

Endrika minimalista

Minimalista

iray hafa endrika kely indrindra, na dia CSS fotsiny aza no ho a endrika tsotra sy misy vokany be. Tsy manana ny sary mihetsika minimalista an'ny teo aloha, fa manatanteraka tsara ny tanjony.

Taratasy fifandraisana antitra

Vintage

Taratasy fifandraisana antitra, famolavolana tena kanto. Mamaly ireo tranonkala ireo ho hita avy amin'ny finday, na dia tsy misy fanamarinana aza.

Taratasy fifandraisana

taratasy

Este contact form manana sary mihetsika mahaliana izy: misy taratasy miforona. Tsotra, fa tena ilaina amin'ny loko maro.

Lahatsoratra mifandraika:
Karatra HTML sy CSS maimaimpoana 27 ho an'ny bilaogy, e-varotra sy maro hafa

Takelaka fifandraisana nitarina

Takelaka fifandraisana malalaka

Este endrika fifandraisana nitarina Faran'ny aloha ihany io ary manana ny fanamarinana miaraka amin'ny jQuery. Tsindrio ny bokotra mitsingevana ary hiseho miaraka amina sary mihetsika mavitrika ny endrika. Miavaka.

Mifandraisa amin'ny Form UI

Form contact

Mifandraisa amin'ny Form UI endrika iray vita amin'ny HTML sy CSS izy io. Misongadina amin'ny maha-izy azy karatra fifandraisana tsotra izay azontsika nofenoina ka ny sahan-tsoratra ihany no miova rehefa kitihina izy io.

Fanapahana karatra fandoavam-bola

Karatra fandoavam-bola

Un fizahana karatra fandoavam-bola vita amin'ny HTML, CSS ary JavaScript izay miavaka amin'ny fihetsika mihodina ny carte de crédit rehefa manindry ny CVC na ny laharana fiarovana izahay.

Volavola fisainana carte de crédit

Kara-trosa CSS madio

CSS madio ho an'ny a fizahana fizahana ho an'ny carte de crédit miloko fisaka. Miloko sy tsotra be izay afaka milaza kalitao sy matihanina.

UI carte de crédit

Snackable

Kara-trosa hafa amin'ny HTML, CSS ary JavaScript izay miavaka amin'ny hatsarany nisafidy ny famolavolana ankapobeny. Hadinonay ny momba ny sary mihetsika ato amin'ity kaody ity ho an'ny tranonkalanao. Sintomy amin'ity rohy ity.

React Checkout

Maneho Hevitra Momba

React Checkout, vita amin'ny React.js, miavaka amin'ny ny sary eo amin'ny lafiny azontsika ampanjifaina miaraka amin'ny serivisy na vokatra amidinay amin'ny eCommerce anay.

Karatra fandoavam-bola

Popov

Ity fizahana ity dia miavaka amin'ny mety hametrahana sary eo amin'ilay karatra. ny endrika tsotra sy mazava natao tamin'ny CSS3, HTML5 ary somary jQuery. Kalitao avo lenta ary tsy mitovy amin'ny sisa amin'ny fizahana amin'ity lisitra ity. Afaka misintona ianao eto fizahana karatra fandoavam-bola ity.

Fandoavana carte de crédit

mivatra

Este endrika fisoratana anarana amin'ny carte de crédit dia voarindra mba hiasa miaraka JavaScript ho an'ny fanodikodinana DOM. Azonao atao ny mahatadidy ao anaty ny endrika ny kaody kanto an'ny Stripe, ny serivisy fanaovana banky dizitaly izay manakaiky ny PayPal.

Carte de crédit

Daily

Kanto fividianana karama tsy mitovy amin'ny hafa ary mifototra amin'ny carte de crédit hita eo ambony Ka eto ambany dia manana ny endriny iray manontolo izahay miaraka amin'ireo angon-drakitra samihafa tsy maintsy nofenoin'ilay mpanjifa mba handoavana ny vola amin'ny eCommerce.

Fomba tsikelikely

Dingana isan-kerinandro

Un endrika tsikelikely ho an'ny fisoratana anarana vita amin'ny HTML, CSS ary JavaScript. Dingana efatra ho an'ireo teboka tsirairay miorina amin'ny ilany ankavia. Sarimiaina efa vita tsara ho an'ny endrika efa vita. Ampirisihina mafy

Endrika mifangaro

Interactive

Un endrika mifandraika dingana marobe vita amin'ny HTML, CSS ary JavaScript. Misongadina amin'ny sarimiaina tetezamita eo amin'ireo dingana tsirairay. Izy io dia manana fikitihana kanto izay tsy ho voamariky ny olona.

Fomba tsikelikely

Dingana isan-kerinandro

Este endrika tsikelikely miavaka amin'ny famoronana. Hovalianao ireo fanontaniana mba hahafahanao miverina any amin'izy ireo amin'ny fotoana rehetra amin'ny fanatrehanao maso eo amin'ny efijery lalandava.

Dingana isan-kerinandro

Paso

Fomba fanao tsikelikely vita amin'ny HTML, CSS ary JavaScript. Izy io dia miavaka amin'ny fiovan'ny tetezamita eo amin'ireo dingana tsirairay.

Fomba fiasa Jquery maromaro

JQuery dingana maro

Raha manana endrika lava be, ity dia mety amin'ny fizarana samihafa miaraka amin'ny bara fandrosoana manaitra. Miorina amin'ny jQuery sy CSS, miavaka amin'ny famolavolana azy sy ny hakantony lehibe izy.

Endrika sary mihetsika UI

Endrika Animation

Ny tetezamita an'io sary mihetsika UI izy ireo mifototra amin'ny Domink Marskusic. Ny fiheverana ny vokatry ny famoronana ny boaty manga rehefa tsindrio ny sasany amin'ireo sahan-kazo roa fidirana na fotoam-pivoriana.

Fomba fananganana kaonty / fisoratana anarana

Famoronana Login

Lalao ratsy iray fidirana sy famoronana kaonty izay miorina amin'ny sarimiaina inona no mitranga eo amin'ireo fizarana roa ireo. Ny fisian'izao fotoana izao ary manaitra izay hatao amin'ny HTML, JavaScript ary CSS.

Asongadin'ny bibilava

Snake

Asongadin'ny bibilava dia iray amin'ireo fidirana manaitra indrindra amin'ny lisitra rehetra izay miavaka amin'ny sary mihetsika kanto izay mipoitra haingana raha vao mikitika ny iray amin'ireo saha roa isika.

Efijery fidirana

Hiditra

Masina ity famolavolana ity efijery fidirana toy izany koa ny azy ireo sary mihetsika sy ny famoronana azy. Raha te ho ianao no be mpampiasa indrindra momba ny famolavolana tranonkala dia tsy tokony hanjavona ity takelaka ity. Tena ilaina.

Famolavolana UI fidirana

Fomba fidirana

Namboarina tamin'ny fampiasana HTML, Sass, ary jQuery. Famolavolana UI fidirana es elegant sy mazava momba ilay lohahevitra izay tsy misy sarimiaina miafina mba ho lasa iray amin'ireo tianao indrindra ao amin'ilay lisitra.

Famoronana kaonty Login sy UI

Fisoratana anarana Login

Manokana famolavolana fidirana sy famoronana kaonty UI  ho an'ny loko sy amin'ny fampisehoana ao karatra lehibe iray ny fizarana roa. Iray amin'ireo tsara tarehy indrindra amin'ny fanatanterahana izay tsy hadinontsika. Namboarina tamin'ny HTML, CSS ary JavaScript.

Hadisoana manimba

isalasalana

Hadisoana manimba Midira tsara izany noho ny sarimiaina saha miaraka amin'ny obnoxious.css. Original mba ho mahafinaritra, tsy miraharaha ary tena samy hafa fidirana. Original tsy misy fisalasalana ho an'ny tranonkalantsika.

Midira CSS HTML

CSS

Fandraisana Login mahaliana ny sary masina izay mampiseho ny saha tsirairay hitondrana ny mpitsidika na aiza na aiza no tadiavinay. Misongadina ihany koa ireo alokaloka voafidy amin'ny loko. Tsy misy sary mihetsika. Natao tamin'ny HTML sy CSS hanatanterahana izany amin'ny tranokala ho an'ny mpanjifa na antsika manokana.

Fomba fisoratana anarana maodely

Renivohitra

Este Fomba fisoratana anarana maodely dia entanin'ny aingam-panahin'ny famolavolana fantatra amin'ny Design Material. Hitanay izany tamin'ny fampiharana marobe tamin'ny finday. Ao amin'ity kaody ity dia manana tontonana fidirana sy tontonana fisoratana anarana izay afenina tsy misy hatak'andro. Ny tontonana fisoratana anarana dia azo alefa amin'ny fipihana eo amin'ny tsanganana manga eo amin'ny ilany ankavanana. Izy io dia manana sary mihetsika mahafinaritra ho fidirana manokana sy manaitra.

Form flexbox

Flexbox

Atombohy miaraka amin'izany ny takelaka fikarohana teny mifototra amin'ny flexbox. Misongadina amin'ny loko mena amin'ny «karoka» ary kely kokoa ho an'ny sehatry ny fikarohana mahafinaritra ho an'ny tranonkalanao.

Boaty sarimiaina

Boaty sarimiaina

Miaraka amin'izany boaty mihetsika tsindrio ny kisary fanamafisam-peo ary hisy sary mihetsika manga mamirapiratra hany ka tsy mila manoratra ny fikarohana izay hotanterahinay ao amin'ny tranonkala fotsiny izahay. Namboarina tamin'ny HTML, CSS ary JavaScript.

Sehatra fikarohana

Fikarohana tery

Una tsipika lehibe mihazakazaka manerana ny efijery ka rehefa manindry azy isika dia manomboka manoratra ny fikarohana. Bokotra pikarohana hamaritana an'io endrika fikarohana tsotra.

Tsindrio ny saha fikarohana tsotra

Wiktionary

Tsindrio ny saha fikarohana tsotra dia mifototra amin'ny fifandraisana hita ao amin'ny ny App Waze Driver Community vehicular. Ny kisary sy sary rehetra dia vita amin'ny CSS. Misongadina amin'ireo sary masina ireo izay mamela antsika hanao fikarohana manokana momba ny vokatra na serivisy. Manaitra noho ny hatsiaka.

Vokatry ny fampidirana lahatsoratra CSS

Fampidirana CSS

Vokatry ny fampidirana lahatsoratra CSS dia ahitana andiana sary mihetsika amin'ny vatasarihana soratra sy fikarohana ho mpikatsaka tsara amin'ny endrika.

Fikarohana efijery feno

Fikarohana efijery feno

Ity fidirana avy amin'ny fitadiavana efijery feno miasa amin'ny karazana lamina na toerana misy azy io. Mitaky fomba singa manokana sy fitadiavana-overlay ho hita ao amin'ny faka. Mampiavaka azy ny sary mihetsika mipoitra rehefa manindry ny bokotra fikarohana isika.

fikarohana

fikarohana

Un fikarohana endrika tsotra izany tiany ny milalao amin'ireo toerana samihafa sy ny sarimiaina. Tsindrio ny bokotra fitadiavana ary toa manoratra ireo teny ireo ny vatasarihana feno. Tena amin'izao fotoana izao ary tena atoro anao ho amin'ny fomba tsotra.

Tsy misy fanontaniana

Tsy misy fanontaniana

Tsy misy fanontaniana es endrika tsotra miaraka amin'ny sahan-dahatsoratra ary ny safidy hisafidianana valiny sasany ho safidin'ny mpampiasa azy ireo. Fifampiraharahana tsara ho iray amin'ireo tsara indrindra.

Fomba fisoratana anarana popup

Raiso amin ny

Miaraka amin'izany endrika fisoratana anarana tampoka, tsindrio ny bokotra mitsingevana ary hitondra anay endrika miaraka amina tononkalo tena mahatsikaiky ary saha iray izay hametrahana ny mailaka. Tonga lafatra amin'ny marketing amin'ny mailaka.

UI boaty famandrihana

famandrihana

Una boaty famandrihana miaraka amin'ny lakolosy fanairana sy kely noho ny loko fisaka Amin'ny famolavolana.

Boaty fisoratana anarana CSS

famandrihana

Una boaty famandrihana marani-tsaina noho ny zava-misy mampiasa gradients ho an'ny bokotra famandrihana toy ny volomparasy an-tsaha.

Boaty famandrihana

Boaty famandrihana

Una boaty famandrihana tsotra fa misy vokany lehibe amin'ny famolavolana.

Fomba fanamarinana EMOJI

EMOJI

Amin'ny madio CSS ity endrika fanamarinana mamorona lakile na teny miafina. Rehefa manoratra izahay, ny emoji dia handrefy ny haavon'ny fiarovana ny endrika. Mampihomehy sy liana tsy misy isalasalana.

Aza adino ity lisitr'ireo zana-tsipìka mihetsika 23 ao amin'ny CSS.


Ny atin'ny lahatsoratra dia manaraka ny fitsipiky ny etika fanonta. Raha hitatitra tsindry diso eto.

Fanehoan-kevitra iray, avelao ny anao

Avelao ny hevitrao

Ny adiresy email dia tsy ho namoaka. Mitaky saha dia marika amin'ny *

*

*

  1. Tompon'andraikitra amin'ny data: Miguel Ángel Gatón
  2. Tanjon'ny angona: Control SPAM, fitantanana hevitra.
  3. Legitimation: Ny fanekenao
  4. Fifandraisana momba ny angona: Tsy hampitaina amin'ny antoko fahatelo ny angona raha tsy amin'ny adidy ara-dalàna.
  5. Fitehirizana angona: Database nomen'ny Occentus Networks (EU)
  6. Zo: Amin'ny fotoana rehetra, azonao atao ny mametra, mamerina ary mamafa ny mombamomba anao.

  1.   Juan Jose Perez dia hoy izy:

    Ohatra tsara dia tsara naseho eto. Ny karazany sy ny fampifanarahana amin'ny toe-javatra samihafa ary ny zavatra tsara indrindra dia ny fampifandraisan'ny lohateny tsirairay dia misy ny demo sy ny kaody loharano na dia tokony asongadinao amin'ny bokotra «Jereo ny demo» aza satria noho ny fahalianana no nahitako azy tao amin'ny lohateny . Misaotra tamin'ny fandraisana anjara. Fiarahabana avy any Caracas.