Filtrado de listas animadas & búsqueda-buscar-filtrar

Tiempo de ejecución: 30 minutos. Empezar

Autor: bendc
Views Total: 3,261
Sitio oficial: Ir a la web
Actualizado: December 29, 2015
Licencia: MIT

Vista prévia

Filtrado de listas animadas & búsqueda-buscar-filtrar

Descripción

el filtro de búsqueda es una librería JavaScript pura que permite filtrar dinámicamente la lista HTML larga a través de un campo de entrada. Utiliza transiciones CSS3 para animaciones de filtros suaves.

Funcionamiento

Inserte el Animated-Search-Filter. js en cualquier lugar de la página.

<script src="animated-search-filter.js"></script>

Agregue la clase Animated-Search-Filter a su contenedor de entrada y lista como sigue.

<input placeholder="Search" autofocus class="animated-search-filter">

<ul class="animated-search-filter">

<li>JavaScript</li>

<li>Java</li>

<li>jQuery</li>

<li>AngularJS</li>

<li>ReactJS</li>

<li>Bootstrap</li>

<li>PHP</li>

<li>Python</li>
</ul>

Te puede interesar: