La clase Bulma Gapless se usa para eliminar el espacio entre las columnas, agregue el modificador is-gapless en elcontenedor de columnas . La columna Gapless se puede combinar con laclase de modificador is-multiline . Clases de Bulma Gapless: is-gapless: esta clase se utiliza para eliminar el espacio entre columnas. Sintaxis: <div class=»columns is-gapless»> ….. </div> … Continue reading «Bulma sin espacios»
Escribir código usando lenguaje CSS nativo a veces es bastante confuso, largo y complejo. Para reducir la complejidad de escribir código CSS, usamos preprocesadores CSS. Uno de los preprocesadores CSS más utilizados es SASS. En este artículo, aprenderemos sobre el uso de la función @import en SASS. La función SASS @import nos ayuda a importar … Continue reading «¿Cuál es el uso de la función SASS @import?»
En este artículo, discutiremos cómo crear una copia en el botón del portapapeles. Hay múltiples escenarios en el desarrollo web en los que tenemos que dar al usuario la funcionalidad de copiar ciertos datos en un portapapeles usando un botón. Ya sea una muestra de código o información propia del usuario, podemos crear un botón … Continue reading «¿Cómo crear el botón Copiar al portapapeles?»
En este artículo, vamos a explorar el efecto de desvanecimiento en jQuery . El desvanecimiento básicamente trabaja con la opacidad de ciertos elementos. En jQuery, podemos desvanecer y desvanecer elementos con respecto a la opacidad. En jQuery tenemos varios métodos que nos ayudarán a lograr el efecto de desvanecimiento. Buscaremos cada método con ejemplos adecuados. … Continue reading «¿Qué son los efectos de desvanecimiento de jQuery?»
Los menús son las principales herramientas para que los visitantes naveguen por un sitio web. Pure.CSS presenta menús verticales y horizontales muy simples que el desarrollador puede personalizar fácilmente. Clases de menú CSS puro: Menú vertical Menú horizontal Elementos seleccionados y deshabilitados dentro de un menú Menú desplegable Menú vertical con submenú anidado Menú Vertical: … Continue reading «Menús CSS puros»
En este artículo, aprenderemos cómo hacer que el cuadro de entrada se resalte al pasar el mouse como la barra de búsqueda de Google. Enfoque: Usaremos la propiedad de desplazamiento de CSS para que cada vez que pasemos el mouse sobre un elemento podamos tener algunas animaciones. Para el cuadro de entrada, hay una propiedad … Continue reading «¿Cómo hacer que la barra de búsqueda de Google como el cuadro de entrada se resalte al pasar el mouse usando CSS?»
Bootstrap proporciona muchas funciones útiles que generalmente integramos en nuestros sitios web. Uno de ellos es la función » Cargar más » que podemos ver en cada segundo sitio web que visitamos. La función cargar más se utiliza para cargar más o mostrar más contenido disponible en la página web para el visitante. Inicialmente, la … Continue reading «¿Cómo cargar más funciones usando jQuery?»
En este artículo, hemos creado un acordeón de Preguntas frecuentes (FAQ) utilizando JavaScript . El acordeón se utiliza para mostrar el contenido en formato de lista. Puede expandirse o contraerse para mostrar el contenido que contiene. Acercarse: Cree una etiqueta div HTML anidada con nombres de clase que contengan las preguntas y respuestas. Para diseñar, … Continue reading «¿Cómo crear una sección de preguntas frecuentes para cualquier sitio web usando JavaScript?»
Dada una array que contiene elementos de la array, aquí uniremos todos los elementos de la array para formar una sola string. Para unir los elementos de la array, usamos el método arr.join(). Este método se utiliza para unir los elementos de una array en una string. Los elementos de la string estarán separados por … Continue reading «¿Cómo crear una string uniendo los elementos de una array en JavaScript?»
CSS :hover Selector: El :hover selector (o pseudoclase CSS) coincide cuando el usuario interactúa con un elemento con un dispositivo señalador. Por lo general, se activa cuando el usuario pasa el cursor sobre un elemento (puntero del mouse) . Acercarse: 1: Todas las etiquetas de anclaje están dirigidas con las declaraciones CSS (entre llaves) al … Continue reading «¿Cómo crear un efecto de desplazamiento de icono usando CSS?»