28 CSS Select Box-ok

Ingyenes HTML és CSS egyéni select box kód példák gyűjteménye: legördülő menü, multiple, egyéni nyíl stb. 2018. júniusi frissítés. 4 új elem.

  1. jQuery Select Boxok
  2. Bootstrap Multi Select Boxok

Szerző

  • FrankieDoodie
  • 2018. október 30.

Linkek

  • bemutató és kód

Készült

  • HTML / CSS

A kódról

Egyéni választó mező

Egyéni választó doboz legördülő stílus.

Kompatibilis böngészők : Chrome, Edge, Firefox, Opera, Safari

Érzékeny: igen

Függőségek: font-awesome.css

Szerző

  • Himalaya Sing
  • 2018. október 20.

Linkek

  • bemutató és kód
  • dribbble shot

Készült

  • HTML / CSS

A kódról

Pure CSS Select Box with Direction Aware Hover Effect

Pure CSS select doboz nélkül JavaScript. Ha egy opción az egérmutató van, az opció belsejében lévő ikon mozgását a lebegés iránya határozza meg, azaz felfelé vagy lefelé (irányfigyelő lebegő hatás).

Kompatibilis böngészők: Chrome, Edge, Firefox, Opera , Safari

Reagáló: igen

Függőségek: font-awesome.css

Szerző

  • Veniamin
  • 2017. augusztus 11.

Linkek

  • bemutató és kód

Készült

  • HTML (Mopsz) / CSS (SCSS)

A kódról

Pure CSS Select Box

Válasszon mezőt JavaScript és natív elem használata nélkül.

Kompatibilis böngészők: Chrome , Edge, Firefox, Opera, Safari

Érzékeny: igen

Függőségek: –

Szerző

  • Dejan Babić
  • december 15, 2017

Linkek

  • bemutató és kód

Készült

  • HTML
  • CSS / SCSS
  • JavaScript (jQuery.js)

A kódról

Reszponzív egyéni választógomb

Rugalmas, egyéni választógomb egyéni görgetéssel.

Szerző

  • Lewis Robinson
  • 2017. november 27.

Linkek

  • bemutató és kód

Készült

  • HTML
  • CSS / SCSS
  • JavaScript (jQuery.js )

A kódról

Képkiválasztás

Képkiválasztás faux-betöltéssel.

Szerző

  • luisdanielroviracontreras
  • 2017. november 27.

Linkek

  • bemutató és kód

Készült

  • HTML
  • CSS (anyag ize.css)
  • JavaScript (jQuery.js, materialize.js)

A kódról

Materialize Select

A JS stílus kiválasztásának materializálása.

Szerző

  • Matheus Értékesítés
  • 2017. november 15.

Linkek

  • bemutató és kód

Készült:

  • HTML / Slim
  • CSS / Sass

A kódról

Custom Select Wrapper

Custom CSS select wrapper.

Bemutató kép: Egyéni kiválasztás

Egyéni kiválasztás

Egyéni HTML, CSS és jQuery választás.
Alessandro Falchi készítette
2017. április 5.

Bemutató kép: Egyéni opció kiválasztása

Egyéni Válasszon opciót n

Egyéni kiválasztás, amelyet a böngészők tipikus stílusának megváltoztatására terveztek, a JS segítségével megjelenítheti a listát, amikor rákattint, az SCSS segítségével pedig a stílust. A kiválasztott attribútum jól működik, tesztelje.
Készítette: Dany Santos
2017. február 8.

Bemutató kép: Anyagterv kiválasztása legördülő menü

Anyagtervezés legördülő menü

Anyagterv kiválasztása legördülő menü HTML, CSS és JavaScript.
Készítette Sam Murphey
2017. január 20.

Bemutató kép: Válassza az Opció interakció

Válassza az Opció interakciót

Remek példa a tiszta animációra. TweenMax GSAP segítségével épült.
Készítette: Bhakti Al Akbar – 2016. december 7.

Bemutató kép: Kiválasztás Dobozok

Dobozok kiválasztása

Kiválasztó dobozok HTML, CSS és JS használatával.
Készítette Nipun Paradkar
október 2016. október 22.

Bemutató kép: CSS-stílusú és szűrhető válogatás legördülő menü = “89783742bf”>

CSS stílusú és szűrhető válogatás legördülő menü

Válassza a legördülő menüt – stílusú és szűrhető HTML, CSS és vanília JS használatával. Beviteli mező segítségével működik, hogy megkapja az értéket a legördülő listából.
Készítette: Mari Johannessen
2016. október 13.

Bemutató kép: Csak CSS kiválasztása

Csak CSS kiválasztás

CSS csak kijelölés (rádió + jelölőnégyzet).
Készítette Aoyue
2016. augusztus 24.

Bemutató kép: Jelölje be a Helyőrzővel ellátott mezőt

Jelölje be a helytartóval ellátott mezőt

HTML és CSS jelölőnégyzet helyőrzővel.
Készítette James Nowland
2016. május 16.

Bemutató kép: Csak a CSS kiválasztása

Csak a CSS kiválasztása

A bemenet kiválasztása a rádió bemenetekkel.
Készítette: Nicolas Udy
2016. május 9.

Bemutató kép: Pure CSS Select

Pure CSS Select

Válasszon bemenetet, csak a CSS-t.
Készítette Raúl Barrera
2016. április 8.

Bemutató kép: Pretty Select legördülő menü

Pretty Select legördülő menü

Ez még mindig inputokat használ az űrlapküldési változók fenntartásához, miközben elsősorban a CSS-re támaszkodik.
Készítette j0be
2016. január 15.

Bemutató kép: Egyéni választó doboz

Egyéni választó doboz

Egyéni választó doboz jQueryvel.
Vijaya Kumar Vulchi készítette
2016. január 7.

Bemutató kép: Anyag Design Select

Material Design Select

Anyagterv kiválasztása jQuery verzió.
Készítette LukyVJ
2016. január 3.

Bemutató kép: Horizonta l Kiválasztás

Vízszintes kijelölés

Egyszerű vízszintes kijelölés.
Készítette Bharani
2015. november 23.

Szerző

  • Alex
  • 2015. október 5.

Linkek

  • bemutató és kód
  • oktatóanyag

Készítette:

  • HTML / CSS

A kódról

Stílusválasztó doboz CSS-sel

Kreatív módszer a legördülő menük stílusának kiválasztására CSS-sel kívül.

Kompatibilis böngészők: Chrome, Edge, Firefox, Opera, Safari

Reszponzív: igen

Függőségek: –

Bemutató kép: Egyéni kiválasztás

Egyéni kiválasztás

Könnyű módszer a kiválasztott bemenetek testreszabására.
Christophe CORBALAN készítette
2015. szeptember 10.

Bemutató kép: Válassza a Menü

Menü kiválasztása

Menü kiválasztása HTML, CSS és JavaScript használatával.
Pierre Laurent készítette
2015. június 23.

Bemutató kép: Egyéni kiválasztás

Egyéni kiválasztás

Tehát nagyon egyszerű egyéni kiválasztás.
Yusuf készítette
2015. május 1.

Bemutató kép: Egyéni kiválasztás

Egyéni kiválasztás

Egyéni kiválasztás animációval.
Készítette: Nikolay Talanov
2014. szeptember 5.

Bemutató kép: Selectionator

Kiválasztó

Koncepció igazolása egy többszörösen kiválasztott eszközhöz.
Benjamin készítette
2014. május 23.

Bemutató kép: CSS3 kártyafedél legördülő

CSS3 C ard Deck Drop Down

HTML, CSS és JS kártyacsomag legördülő menü.
Katelbach Tibor készítette
2013. július 23.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük