Categoría: CSS-Properties

¿Cómo ejecutar un código en el evento de desplazamiento en jQuery?

Posted on by Rudeus Greyrat

En este artículo, discutiremos cómo ejecutar el código cuando los usuarios desplazan el contenido usando jQuery. Para ejecutar el código al desplazar el contenido, se utiliza el método scroll() . El método scroll() se usa para ejecutar el código cuando el usuario se desplaza en el elemento especificado. Sintaxis: $(selector).scroll(function) Parámetro: este método acepta la … Continue reading «¿Cómo ejecutar un código en el evento de desplazamiento en jQuery?»

¿Cómo crear un Menú Vertical usando HTML y CSS?

Posted on by Rudeus Greyrat

Menú Vertical: Podemos crear un menú vertical en forma de botones y un menú desplazable. Menú vertical son los botones dispuestos en la barra de menú/barra de navegación vertical. Cómo crear un menú vertical usando botones: Podemos crearlo simplemente usando HTML y CSS. Crearemos una estructura simple de la página web usando las etiquetas <div> … Continue reading «¿Cómo crear un Menú Vertical usando HTML y CSS?»

¿Cuál es la diferencia entre position:sticky y position:fixed en CSS?

Posted on by Rudeus Greyrat

En este artículo, discutiremos dos propiedades CSS muy similares que son position: sticky y position: fixed . La propiedad Position en CSS especifica el posicionamiento de un elemento o entidad HTML. La posición del elemento se puede establecer especificando las propiedades superior, derecha, inferior e izquierda. Estos especifican la distancia de un elemento HTML desde … Continue reading «¿Cuál es la diferencia entre position:sticky y position:fixed en CSS?»

Crear una calculadora de pérdidas y ganancias usando JavaScript

Posted on by Rudeus Greyrat

En este artículo, crearemos una calculadora de pérdidas y ganancias utilizando HTML, CSS y Javascript para agregar la funcionalidad básica junto con el diseño y el diseño. La Calculadora de pérdidas y ganancias se utiliza básicamente para calcular la cantidad o el porcentaje recibido después de vender un precio o un bien en particular. Si … Continue reading «Crear una calculadora de pérdidas y ganancias usando JavaScript»

¿Cómo cambiar el color de una imagen a blanco y negro usando CSS?

Posted on by Rudeus Greyrat

El enfoque de este artículo es cambiar el color de una imagen a blanco y negro usando una propiedad de filtro en CSS. Se utiliza para establecer el efecto visual de un elemento. Esta propiedad se usa principalmente en contenido de imagen.   Básicamente, usamos un método de escala de grises() para convertir los colores … Continue reading «¿Cómo cambiar el color de una imagen a blanco y negro usando CSS?»

¿Cómo crear una boleta de calificaciones dinámica usando HTML CSS y JavaScript?

Posted on by Rudeus Greyrat

Tenemos que construir un sitio web donde pueda cargar los datos de su estudiante como su nombre, calificaciones en diferentes materias. Y después de cargarlo, insertará los datos del estudiante en la tabla y mostrará las calificaciones totales, el promedio y el estado de aprobación/reprobación. La implementación se realiza mediante HTML y JavaScript . Acercarse: … Continue reading «¿Cómo crear una boleta de calificaciones dinámica usando HTML CSS y JavaScript?»

¿Cómo hacer un contador Incremental y Decremental usando HTML, CSS y JavaScript?

Posted on by Rudeus Greyrat

Al visitar diferentes sitios web de compras como Flipkart y Amazon , ha visto un contador en cada producto, ese contador se usa para especificar la cantidad de ese producto. Por lo tanto, el contador es una parte muy útil para muchos sitios web. En este artículo , diseñaremos un contador utilizando HTML , CSS … Continue reading «¿Cómo hacer un contador Incremental y Decremental usando HTML, CSS y JavaScript?»

¿Cómo ocultar la contraseña en HTML?

Posted on by Rudeus Greyrat

Ocultar la contraseña se conoce comúnmente como enmascaramiento de contraseña. Oculta los caracteres de la contraseña cuando los ingresan los usuarios mediante viñetas (•), un asterisco (*) u otros caracteres. Siempre es una buena práctica utilizar el enmascaramiento de contraseñas para garantizar la seguridad y evitar su uso indebido. En general, el enmascaramiento de contraseñas … Continue reading «¿Cómo ocultar la contraseña en HTML?»

Propiedad de imagen de fondo CSS

Posted on by Rudeus Greyrat

La propiedad background-image se usa para establecer una o más imágenes de fondo para un elemento. Por defecto, coloca la imagen en la esquina superior izquierda. Para especificar dos o más imágenes, debemos especificar las URL separadas con una coma para ambas imágenes. Sintaxis:  background-image: url(‘url’)|none|initial|inherit; Valores de propiedad: url(‘url’): Esto especifica la URL de … Continue reading «Propiedad de imagen de fondo CSS»

¿Cómo agregar Box-Shadow al objeto Clip-Path?

Posted on by Rudeus Greyrat

Como todos sabemos, podemos aplicar la sombra usando el atributo Box-Shadow de CSS, pero no es válido si lo aplicamos en el  objeto recortado usando la función Clip-Path() de CSS. Acercarse: Vamos a crear dos divs, uno para el principal y otro para nuestra forma recortada. Luego vamos a usar la función drop-shadow() para aplicar … Continue reading «¿Cómo agregar Box-Shadow al objeto Clip-Path?»