En este artículo, aprenderemos cómo crear una navegación con migas de pan. Las migas de pan son una ayuda de navegación secundaria que ayuda a los usuarios a navegar fácilmente por un sitio web. Las migas de pan le brindan una orientación y le muestran exactamente dónde se encuentra dentro de la jerarquía del sitio … Continue reading «¿Cómo crear una Navegación Breadcrumb?»
El cubo 3D Rotating Image Previewer es un efecto en el que aparece un conjunto de imágenes en las caras de un cubo 3D giratorio. Este efecto se puede crear usando HTML y CSS. Enfoque : la mejor manera de animar objetos HTML es usando CSS @keyframes y configurando el estado de transición en diferentes … Continue reading «Cubo giratorio de vista previa de imágenes 3D usando CSS»
Al configurar el tamaño de cualquier elemento en CSS, tenemos dos opciones. El primero son unidades absolutas y el otro son unidades relativas. Las unidades absolutas son fijas y no relativas a nada más. Son siempre idénticos en cualquier caso. Implican cm, mm, px, etc. Por otro lado, las unidades relativas son relativas a otra … Continue reading «Diferencia entre unidades em y rem en CSS»
En este artículo, veremos cómo agregar una imagen de borde como una imagen de corte usando CSS. Para hacer la imagen del corte del borde, se usa la propiedad border-image-slice. Esta propiedad divide o rebana una imagen especificada por la propiedad border-image-source. La propiedad border-image-slice divide una imagen dada en: 9 regiones 4 esquinas 4 … Continue reading «¿Cómo dividir la imagen especificada por border-image-source en CSS?»
El selector de color HTML se utiliza principalmente para seleccionar el color del cuadro de color. Aquí, proporcionamos diferentes cuadros de color con su apariencia y puede seleccionar el color de acuerdo con su elección y puede obtener el color seleccionado RGB y el valor hexadecimal. También puede cambiar el valor RGB y hexadecimal para … Continue reading «Selector de color HTML»
La etiqueta <select> en HTML se usa para crear una lista desplegable. La etiqueta <select> contiene la etiqueta <option> para mostrar la opción disponible de la lista desplegable. En este artículo, aprenderá muchas formas de personalizar el elemento de formulario HTML » seleccionar» con CSS 3. Nota: La etiqueta <select> se usa en un formulario … Continue reading «¿Cómo personalizar un elemento de formulario HTML «seleccionar» con CSS3?»
Podemos establecer el ancho del borde inferior usando la propiedad CSS border-bottom-width . Podemos dar el tamaño en píxeles y también podemos dar valores predefinidos como grueso, delgado, etc. Enfoque 1: Usaremos CSS en línea dentro de las etiquetas. Usaremos la propiedad border-color , border-style para definir el borde claramente. Podemos dar el ancho del … Continue reading «¿Cómo establecer el ancho del borde inferior en CSS?»
Cocktail Sort es una variación de Bubble sort . Cocktail Sort atraviesa una array dada en ambas direcciones alternativamente. Para saber más al respecto. Consulte Clasificación de cócteles . Un algoritmo como Cocktail Sort se puede entender fácilmente visualizando en lugar de códigos largos. En este artículo, Cocktail Sort Visualizer se implementa utilizando HTML, CSS … Continue reading «Visualizador de clasificación de cócteles usando JavaScript»
Los degradados CSS son imágenes creadas por la transición entre dos o más colores. Hay tres tipos de gradientes que se dan a continuación: Gradiente lineal Gradiente radial Gradiente cónico La imagen muestra los tipos de degradados. Gradiente lineal: Es el tipo de gradiente que progresa de manera lineal (recta). Sintaxis: background-image: linear-gradient( direction, color1, … Continue reading «¿Cómo poner colores degradados en un sitio web?»
A veces queremos mostrar el texto en nuestra página web evitando que el texto ocupe más de una línea o algo que detenga el ajuste de palabras. Se puede hacer agregando fácilmente algunos atributos en el archivo sass . Enfoque: Comenzamos creando un archivo HTML simple al que agregaríamos texto en el cuerpo usando la … Continue reading «¿Cómo evitar que el texto tome más de una línea en SASS?»