El selector de pseudoclase CSS :nth-child() se utiliza para hacer coincidir los elementos en función de su posición en un grupo de hermanos. Coincide con cada elemento que es el enésimo hijo, independientemente del tipo, de su padre. Sintaxis: :nth-child(number) { // CSS Property } Donde número es el único argumento que representa el patrón … Continue reading «Selector CSS :nth-child()»
Dado un documento HTML y la tarea es habilitar o deshabilitar el botón de envío de formulario en jQuery. Enfoque: para habilitar o deshabilitar el botón de envío de formulario, usamos el siguiente fragmento de código. $(‘#enabled’).click(function () { if ($(‘#submit-button’).is(‘:disabled’)) { $(‘#submit-button’).removeAttr(‘disabled’); } else { $(‘#submit-button’).attr(‘disabled’, ‘disabled’); } }); En el código anterior, habilitado … Continue reading «¿Cómo deshabilitar o habilitar el botón de envío de formulario en jQuery?»
La hoja de estilo en cascada (CSS) se utiliza para establecer el estilo en las páginas web que contienen elementos HTML. Establece el color de fondo, el tamaño de fuente, la familia de fuentes, el color, etc., propiedad de los elementos en una página web. Hay tres tipos de CSS que se dan a continuación: CSS … Continue reading «Tipos de CSS (hoja de estilo en cascada)»
La propiedad de ancho en CSS se usa para establecer el ancho del texto, las imágenes. El ancho se puede asignar al texto y las imágenes en forma de píxeles (px), porcentaje (%), centímetro (cm), etc. La propiedad de ancho no contiene relleno, bordes ni márgenes. La propiedad de ancho se reemplaza por las propiedades … Continue reading «Propiedad de ancho CSS»
Text-reveal es un tipo de efecto en el que todos los alfabetos del texto se revelan uno a uno de forma animada. Hay innumerables formas de animar texto para este efecto. Depende de tu creatividad cómo quieres que se revele el texto. Veremos una forma básica y fácil de empezar. Enfoque: el enfoque consiste en … Continue reading «¿Cómo crear un efecto de revelación de texto usando HTML y CSS?»
La función translateX() es una función incorporada que se usa para reposicionar el elemento a lo largo del eje horizontal. Sintaxis: translateX( t ) Parámetros: esta función acepta un solo parámetro t que contiene la longitud de traducción correspondiente al eje x. Los siguientes ejemplos ilustran la función translateX() en CSS: Ejemplo 1: <!DOCTYPE html> … Continue reading «CSS | función traducirX()»
En este artículo, repasaremos 5 tipos diferentes de superposiciones: izquierda, derecha, arriba, abajo y difuminada. Vas a necesitar dos divs. Uno será su div de superposición, que contendrá lo que se mostrará una vez que el usuario pase el mouse sobre la imagen, y el otro será un contenedor que contendrá tanto la imagen como … Continue reading «¿Cómo crear una superposición de imagen flotante usando HTML y CSS?»
Si hemos proporcionado un documento HTML que contiene el elemento <textarea> y su elemento principal contiene algo de relleno, entonces cómo hacer que el ancho del área de texto sea del 100%. contiene el área de texto. La idea es crear un div con el nombre de clase «envoltura». Dentro de ese elemento <div>, creamos un … Continue reading «¿Cómo hacer que el área de texto sea 100% sin desbordamiento cuando hay relleno?»
Método jQuery .on(): este método se utiliza para adjuntar un detector de eventos a un elemento. Este método es equivalente a addEventListener en JavaScript estándar. Sintaxis: $(element).on(event, childSelector, data, function) Parámetro evento: Especifica el evento a adjuntar (clic, enviar, etc.). childSelector: es un parámetro opcional y especifica el elemento secundario específico para el que se … Continue reading «¿Cómo usar .on y .hover en jQuery?»
La propiedad de relleno es un atributo de presentación que se utiliza para establecer el color de una forma SVG. Sintaxis: fill: <paint> Valores de propiedad: pintura: Se utiliza para establecer el color de la propiedad de relleno. Esta pintura se puede definir usando nombres de color, valores hexadecimales, rgb o hsl. El valor predeterminado … Continue reading «CSS | propiedad de relleno – Part 1»