¿Cuál de las siguientes afirmaciones no define lo que es Diseño Web Responsive? El diseño web responsivo hace que tu página se vea bien en cualquier dispositivo El diseño web responsivo sirve para hacer transformaciones, transiciones y animaciones El diseño web responsivo usa solamente HTML y CSS El diseño web responsivo no es un programa o un JavaScript No sabe / no contesta. La sentencia para definir una animación en CSS se declara como: @media-query nombre-animacion <keyframes nombre-animacion> @keyframes nombre-animacion <@keyframes nombre-animacion> No sabe / no contesta. Teniendo el siguiente código, cuál es el efecto que se produce sobre el elemento <div> cuando se pasa el ratón por encima.
div {
width: 100px;
height: 100px;
background: red;
transition: width 2s, height 2s, transform 2s;
}
div:hover {
width: 300px;
height: 300px;
transform: rotate(180deg);
} Se cambia el tamaño y el color del elemento <div> con una duración de 2 segundos Se realiza una transición de 2 segundos de duración para el cambio en el ancho y el alto del elemento <div> y en la transformación de rotación de 180 grados Se realiza una transición de 2 segundos de duración solo para la transformación de rotación y no para el cambio del tamaño del <div> Se realiza una transición de 5 segundos para el cambio de color del elemento <div> No sabe / no contesta. Si utilizas el código animation: example 5s linear 2s; el efecto que obtienes es: La animación tiene como nombre “example” que tiene un delay de 5 segundos, tiene una función de timing lineal y tiene una duración de 2 segundos La animación tiene como nombre “example”, tiene una duración de 5 segundos, tiene una función de timing lineal y tiene un delay de 2 segundos La animación tiene como nombre “example” que tiene un delay de 5 segundos, tiene una dirección lineal y tiene una duración de 2 segundos La animación tiene como nombre “example” que tiene un efecto ease-in-out de 5 segundos, tiene una dirección lineal y tiene una duración de 2 segundos No sabe / no contesta. Si quisiera aplicar una transformación CSS a un elemento <div> para cambiar su tamaño a la mitad del ancho y al doble del alto actual, la sentencia que debo utilizar es: transform:scale(0.5,2) transform:skew(0.5) transition:scale(0.5,2) scale:transform(0.5,2) No sabe / no contesta. ¿Cómo afecta el comportamiento de nuestra web la media query definida en el siguiente código?
@media screen and (max-width: 500px) {
body {
background-color: blue;
}
}
@media screen and (min-width: 500px) {
body {
background-color: red;
}
} Si el ancho de la pantalla es menor de 500px, el color de fondo del body es azul, si es mayor de 500px, el color de fondo del body es rojo Si el ancho de la pantalla es mayor de 500px, el color de fondo del body es azul, si es menor de 500px, el color de fondo del body es rojo Si el ancho de la pantalla es menor de 500px, el color de fondo del body es azul, si es menor de 500px, el color de fondo del body es rojo Ninguna de las respuestas es correcta No sabe / no contesta. La función de transición que permite realizar un efecto de inicio y término lento de la transformación es: ease-in step-end ease-in-out linear No sabe / no contesta. La propiedad CSS Grid View permite: Ubicar de mejor forma los elementos dentro de la página web. Usar solamente textos responsivos Dividir la página en exactamente 10 columnas Por medio de la medida “vw” definir el tamaño de las imágenes para que sean responsivas No sabe / no contesta. Algunas técnicas para hacer páginas web responsivas son: Viewport, medidas en porcentajes, @media, uso de Grid View Viewport, medidas en pixeles, @media, uso de Grid View Viewport, medidas en porcentajes, @keyframes, uso de Grid View Viewport, medidas en porcentajes, medidas en pixeles, @media, uso de Grid View No sabe / no contesta. La propiedad de animación “animation-timing-function”, define: La duración de la animación El delay de la animación Especifica la velocidad de la curva de la animación Las anteriores respuestas no son correctas No sabe / no contesta.
