28 Casete de selectare CSS
Colecție de exemple gratuite de coduri de casetă de selectare personalizată HTML și CSS gratuite: dropdown, săgeți multiple, personalizate etc. Actualizare a colecției din iunie 2018. 4 elemente noi.
- jQuery Select Boxes
- Bootstrap Multi Select Boxes
Autor
- FrankieDoodie
- 30 octombrie 2018
Linkuri
- demonstrație și cod
Realizat cu
- HTML / CSS
Despre cod
Casetă de selectare personalizată
Stil derulant casetă de selectare personalizată.
Browsere compatibile : Chrome, Edge, Firefox, Opera, Safari
Sensibil: da
Dependențe: font-awesome.css
Autor
- Himalaya Sing
- 20 octombrie 2018
Linkuri
- demonstrație și cod
- împușcat cu dribling
Realizat cu
- HTML / CSS
Despre cod
Casetă de selectare CSS pură cu efect de deplasare conștientă a direcției
Selectare CSS pură caseta fara JavaScript. Atunci când este opțiunea de deplasare pe o opțiune, mișcarea pictogramei în interiorul opțiunii este decisă de direcția de deplasare, adică în sus sau în jos (efect de deplasare conștient de direcție).
Browsere compatibile: Chrome, Edge, Firefox, Opera , Safari
Răspuns: da
Dependențe: font-awesome.css
Autor
- Veniamin
- 11 august 2017
Linkuri
- demonstrație și cod
Realizat cu
- HTML (Pug) / CSS (SCSS)
Despre cod
Casetă de selectare Pure CSS
Casetă de selectare fără a utiliza JavaScript și element nativ.
Browsere compatibile: Chrome , Edge, Firefox, Opera, Safari
Responsive: yes
Dependențe: –
Autor
- Dejan Babić
- 15 decembrie 2017
Linkuri
- demonstrație și cod
Realizat cu
- HTML
- CSS / SCSS
- JavaScript (jQuery.js)
Despre cod
Casetă de selecție personalizată receptivă
Casetă de selecție personalizată receptivă cu derulare personalizată.
Autor
- Lewis Robinson
- 27 noiembrie 2017
Linkuri
- demonstrație și cod
Realizat cu
- HTML
- CSS / SCSS
- JavaScript (jQuery.js )
Despre cod
Selecție imagine
Selecție imagine cu încărcare falsă.
Autor
- luisdanielroviracontreras
- 27 noiembrie 2017
Linkuri
- demonstrație și cod
Realizat cu
- HTML
- CSS (material ize.css)
- JavaScript (jQuery.js, materialize.js)
Despre cod
Materializați selectarea
Materializați selectarea stilului JS.
Autor
- Matheus Sales
- 15 noiembrie 2017
Linkuri
- demonstrație și cod
Realizat cu
- HTML / Slim
- CSS / Sass
Despre cod
Wrapper de selectare personalizată
Împachetare selectată CSS personalizată.
Selectare personalizată
O selecție personalizată HTML, CSS și jQuery.
Realizată de Alessandro Falchi
5 aprilie 2017
Personalizat Selectați un Optio n
Selectare personalizată, concepută pentru a schimba stilul tipic de selectare în browsere, utilizând JS pentru a afișa lista când face clic, și SCSS, pentru a-i da stil. Atributul selectat funcționează bine, testați-l.
Realizat de Dany Santos
8 februarie 2017
dropdown selectare design material
drop-down selectare design material cu HTML, CSS și JavaScript.
Realizat de Sam Murphey
20 ianuarie 2017
Selectați opțiunea interacțiune
Exemplu excelent de animație curată. Construit cu TweenMax GSAP.
Realizat de Bhakti Al Akbar
7 decembrie 2016
Cutii selectate
Cutii selective cu HTML, CSS și JS.
Realizat de Nipun Paradkar
octombrie 22, 2016
Meniul derulant selectat cu stil și filtrare CSS
Meniul derulant selectat – stilat și filtrabil folosind HTML, CSS și vanilie JS. Funcționează utilizând un câmp de introducere pentru a prelua valoarea din lista derulantă.
Realizat de Mari Johannessen
13 octombrie 2016
Selectați numai CSS
Selectați numai CSS (radio + casetă de selectare).
Realizat de Aoyue
24 august 2016
Selectați casetă cu substituent
Casetă de selectare HTML și CSS cu substituent.
Realizat de James Nowland
16 mai 2016
Selectați numai CSS
Selectați intrarea utilizând intrări radio.
Realizat de Nicolas Udy
9 mai 2016
Pure CSS Select
Select input, only CSS.
Realizat de Raúl Barrera
8 aprilie 2016
drop-down destul de selectat
folosește intrări pentru a menține variabilele de trimitere a formularelor, bazându-se în principal pe CSS.
Realizat de j0be
15 ianuarie 2016
Casetă de selectare personalizată
Casetă de selectare personalizată cu jQuery.
Realizat de Vijaya Kumar Vulchi
7 ianuarie 2016
Material Design Select
Design material select versiunea jQuery.
Realizat de LukyVJ
3 ianuarie 2016
Selectare orizontală
Selectare orizontală simplă.
Realizat de Bharani
23 noiembrie 2015
Autor
- Alex
- 5 octombrie 2015
Linkuri
- demo și cod
- tutorial
Realizat cu
- HTML / CSS
Despre cod
Caseta de selectare a stilului cu CSS
O modalitate creativă de a selecta stiluri drop-down-uri fără nimic altceva decât CSS.
Browsere compatibile: Chrome, Edge, Firefox, Opera, Safari
Responsive: da
Dependențe: –
Selectare personalizată
Mod ușor de a vă personaliza intrările selectate.
Realizat de Christophe CORBALAN
10 septembrie 2015
Selectați meniul
Selectați meniul cu HTML, CSS și JavaScript.
Realizat de Pierre Laurent
23 iunie 2015
Selectare personalizată
Deci, foarte personalizată de bază.
Realizată de Yusuf
1 mai 2015
Selectare personalizată
Selectare personalizată cu animație.
Realizat de Nikolay Talanov
5 septembrie 2014
Selectorator
Dovada conceptului, pentru un widget multi select.
Realizat de Benjamin de la 23 mai 2014
CSS3 C Ard Deck Drop Down
Drop, pachetul de cărți HTML, CSS și JS.
Realizat de Tibor Katelbach
23 iulie 2013