estoy realizando un ejercicio en el sitio Acamica y me encuentro con que no puedo pasar el ejercicio, tal vez no entendí bien la lección.
En este ejercicio debo de:
- Mover el
elemento
45px a la derecha - y girarlo 30 grados
Esto es lo que he intentado:
#elemento {
transform: translateX(45px) rotate(30deg);
}
<!doctype html>
<html>
<head>
<title>Transform</title>
<meta charset="utf-8">
<style>
div {
font-size: 30px;
text-align: center;
line-height: 200px;
height: 200px;
width: 200px;
background-color: red;
margin: 40px auto;
border: 5px solid black;
}
</style>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<h1>Transformaciones</h1>
<div id="elemento">elemento</div>
</body>
</html>
Sin embargo me marca
¿Por qué no la acepta?¿Cómo puedo corregir el ejercicio?