@NeonCoder

Как сделать так, чтобы блок выезжал снизу примерно как на картинке?

Вот картинка:
5c94d50f50e73741932309.png
Вот, что я написал:
HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="main.css">
</head>
<body>
	<main>
		<h1>JS</h1>
	</main>
</body>
</html>


CSS

body{
	margin: 0;
	padding: 0;
	background: #000;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

main {
	width: 600px;
	height: 600px;
	background: yellow;
	position: relative;
	transform: scale(0.5) rotate(-30deg) skew(25deg);
}

main h1 {
	text-align: right;
	margin-top: 430px;
	margin-right: 10px;
	margin-bottom: 5px;
	font-family: "TT Commons", sans-serif;
	font-size: 185px;
}
  • Вопрос задан
  • 372 просмотра
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы