El interruptor de palanca Bootstrap es un componente simple que se utiliza para activar una de las dos opciones dadas. Comúnmente utilizado como un botón de encendido/apagado. El marco CSS es una biblioteca que permite un diseño web más fácil y más compatible con los estándares utilizando el lenguaje de hojas de estilo en cascada. … Continue reading «¿Cómo agregar un interruptor de palanca de arranque usando JavaScript?»
Un iframe es la forma abreviada de marco en línea . Al usar la etiqueta iframe , puede mostrar el contenido de otra página web en un documento de página HTML en una estructura de forma rectangular. El contenido de la página web puede ser cualquier video, otro sitio web, cualquier imagen, etc. Este iframe … Continue reading «¿Cómo aplicar la propiedad CSS a un iframe?»
La animación de rebote suave se puede hacer con la ayuda de HTML y CSS . Generará resultados divertidos y deseados. Para este proyecto, se necesita un div simple con bola de clase en la página HTML: <div class=»ball»></div> Cambiaremos a CSS para la programación de animación. Ahora, Flexbox se usa para tener la pelota … Continue reading «¿Cómo hacer una animación de rebote suave usando CSS?»
Crear una barra de búsqueda en la barra de navegación es fácil, al igual que crear otra opción en la barra de navegación que buscará en la base de datos. Debe tener cuidado con el momento de colocar la barra de búsqueda. Asegúrese de colocarlos por separado en la barra de navegación. Para crear una … Continue reading «Crear una barra de búsqueda usando HTML y CSS»
<!DOCTYPE html> <html> <head> <title> CSS Animation and @Keyframes Property </title> <style> div { width: 200px; height: 200px; margin: 200px; border-radius: 100px; background-color: red; animation: circle 8s infinite; } @keyframes circle { 0% { background-color: red; } 25% { background-color: yellow; } 50% { background-color: blue; } 100% { … Continue reading «Animación CSS y propiedad @Keyframes»
Etiqueta <select>: El componente <select> se utiliza para hacer una lista desplegable. El componente <select> se usa con mayor frecuencia en un formulario, para recopilar información del usuario. Se requiere el atributo de nombre para hacer referencia a los datos del formulario después de enviar el formulario (en caso de que excluya el atributo de … Continue reading «¿Cómo eliminar el radio del borde de la etiqueta Seleccionar usando Bootstrap?»
With the advent of new frameworks in web technologies, it has become quite easy to design and implement feature-rich and responsive web pages. Here, we are going to design a responsive image gallery using HTML, CSS, jQuery and Bootstrap. Características o Funcionalidades a implementar: Imágenes receptivas Sistema de cuadrícula sensible Visor de imágenes Requisitos previos: … Continue reading «¿Cómo crear una galería de imágenes receptiva usando HTML, CSS, jQuery y Bootstrap?»
Para crear un interruptor de palanca, usaremos HTML y CSS. Si desea agregar un interruptor de palanca más atractivo, puede agregar animación deslizante, efecto de rebote, etc. En este artículo, dividiremos todo en dos secciones diferentes: creación y diseño de la estructura . Creación de estructura: en esta sección, solo crearemos una estructura básica para … Continue reading «¿Cómo crear un interruptor de palanca usando HTML y CSS?»
Introducción: en este artículo, vamos a aprender cómo configurar una imagen en miniatura para un video HTML5. La miniatura es la imagen que se muestra como una vista previa del video. Básicamente se usa para representar lo que contiene el video o con qué está relacionado. Se muestra hasta el momento en que se inicia … Continue reading «¿Cómo configurar la imagen en miniatura en un video en HTML 5?»
El fondo de onda se puede generar fácilmente usando antes del selector. Usaremos una imagen de onda de formato de archivo .png que puede crear por su cuenta o puede descargar desde aquí . Código HTML: En esta sección, diseñaremos la estructura básica del código. html <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″ /> … Continue reading «¿Cómo crear un fondo de onda usando CSS?»