Examen Intermedio: Tarjeta 3D en CSS

Test

(1)

Jugadas 21

Crear copia

Sobre esta actividad

Quiz sobre tarjetas 3D en CSS

Creada por

Diana Abigail Valera Contreras

República Dominicana

Descarga la versión para jugar en papel

Top 10 resultados

#	Jugador	Acierto	tiempo
1	ANGEL RAFAEL 2 de Marzo de 2026	% 100	00:52
2	Diana Abigail Valera Contreras 26 de Febrero de 2026	% 100	01:20
3	3G #25 wedry s. Ramirez de los santos 26 de Febrero de 2026	% 100	01:44

¿Quieres aparecer en el Top 10 de este juego? Inicia sesión para identificarte.

Crea tu propio juego gratis desde nuestro creador de juegos

Compite contra tus amigos para ver quien consigue la mejor puntuación en esta actividad

Crear reto

cuanto sabes de Futbol

hugo estay

Chile

(324)

este test esta basado en las diapositivas que pudimos ver con anterioridad, consta de 10 preguntas las cuales tienen alternativas para poder resolverlas.
Brawl stars preguntas

Carlos Andrés Prieto Rodríguez

Colombia

(165)

Completa todas las preguntas
Verbos irregulares en Inglés

Hélmer González Serrano

Colombia

(315)

Se presentan 10 preguntas, cada una con 4 opciones de respuesta. Seleccione la que considere correcta.
Tipos de sintagmas (II)

idoia rubio

España

(945)

Actividades interactivas para reconocer los distintos tipos de sintagmas
Cultura general española

Ernest Serret

España

(101)

Responde las siguientes preguntas


Examen Intermedio: Tarjeta 3D en CSSVersión en línea Quiz sobre tarjetas 3D en CSS por Diana Abigail Valera Contreras 1 ¿Qué propiedad activa la profundidad para ver el efecto 3D? a depth b transform c z-index d perspective 2 ¿Qué propiedad permite que los elementos hijos se mantengan en 3D? a position: relative; b float: left; c transform-style: preserve-3d; d display: flex; 3 ¿Qué propiedad se usa para girar la tarjeta horizontalmente? a rotateY() b rotateX() c scale() d rotateZ() 4 ¿Qué propiedad oculta el lado trasero cuando la tarjeta gira? a visibility: hidden; b display: none; c opacity: 0; d backface-visibility: hidden; 5 ¿Qué pseudo-clase activa el efecto al pasar el cursor? a :hover b :checked c :focus d :active 6 ¿Qué hace la propiedad 'transition: transform 0.6s;'? a Duplica el tamaño b Hace que el giro sea suave c Cambia el color d Oculta la tarjeta 7 ¿Cuál propiedad permite colocar ambas caras exactamente una encima de la otra? a display: inline; b position: absolute; c float: right; d margin: auto; 8 ¿Qué valor rota la cara trasera para que se vea correctamente al girar? a rotateX(45deg) b rotateY(180deg) c rotateY(90deg) d scale(1.5) 9 ¿Cuál estructura es necesaria para crear una tarjeta 3D funcional? a Solo una imagen b Un solo div c Dos div independientes d Contenedor + cara frontal + cara trasera 10 Si eliminas 'perspective', ¿qué ocurre? a La tarjeta gira más rápido b El efecto 3D desaparece c La tarjeta cambia de color d Se elimina el hover

Examen Intermedio: Tarjeta 3D en CSSVersión en línea

Quiz sobre tarjetas 3D en CSS

por Diana Abigail Valera Contreras

¿Qué propiedad activa la profundidad para ver el efecto 3D?

depth

transform

z-index

perspective

¿Qué propiedad permite que los elementos hijos se mantengan en 3D?

position: relative;

float: left;

transform-style: preserve-3d;

display: flex;

¿Qué propiedad se usa para girar la tarjeta horizontalmente?

rotateY()

rotateX()

scale()

rotateZ()

¿Qué propiedad oculta el lado trasero cuando la tarjeta gira?

visibility: hidden;

display: none;

opacity: 0;

backface-visibility: hidden;

¿Qué pseudo-clase activa el efecto al pasar el cursor?

:hover

:checked

:focus

:active

¿Qué hace la propiedad 'transition: transform 0.6s;'?

Duplica el tamaño

Hace que el giro sea suave

Cambia el color

Oculta la tarjeta

¿Cuál propiedad permite colocar ambas caras exactamente una encima de la otra?

display: inline;

position: absolute;

float: right;

margin: auto;

¿Qué valor rota la cara trasera para que se vea correctamente al girar?

rotateX(45deg)

rotateY(180deg)

rotateY(90deg)

scale(1.5)

¿Cuál estructura es necesaria para crear una tarjeta 3D funcional?

Solo una imagen

Un solo div

Dos div independientes

Contenedor + cara frontal + cara trasera

Si eliminas 'perspective', ¿qué ocurre?

La tarjeta gira más rápido

El efecto 3D desaparece

La tarjeta cambia de color

Se elimina el hover

Puedes integrar el juego en un LMS compatible con LTI 1.1 o LTI 1.3 como Canvas, Moodle, o Blackboard. De esta manera podrás guardar las puntuaciones automáticamente en el libro de calificaciones de esa plataforma.

Examen Intermedio: Tarjeta 3D en CSS

Test

Sobre esta actividad

Creada por

Descarga la versión para jugar en papel

Top juegos

Test

cuanto sabes de Futbol

Test

Brawl stars preguntas

Test

Verbos irregulares en Inglés

Test

Tipos de sintagmas (II)

Test

Cultura general española

Examen Intermedio: Tarjeta 3D en CSSVersión en línea

por Diana Abigail Valera Contreras

¿Qué propiedad activa la profundidad para ver el efecto 3D?

¿Qué propiedad permite que los elementos hijos se mantengan en 3D?

¿Qué propiedad se usa para girar la tarjeta horizontalmente?

¿Qué propiedad oculta el lado trasero cuando la tarjeta gira?

¿Qué pseudo-clase activa el efecto al pasar el cursor?

¿Qué hace la propiedad 'transition: transform 0.6s;'?

¿Cuál propiedad permite colocar ambas caras exactamente una encima de la otra?

¿Qué valor rota la cara trasera para que se vea correctamente al girar?

¿Cuál estructura es necesaria para crear una tarjeta 3D funcional?

Si eliminas 'perspective', ¿qué ocurre?

		%
	Anónimo	%
		%
		%