🔢用户界面需求

在页面上展示一张引人入胜的人物照片，但在用户悬停鼠标时，以独特的3D翻转效果展示人物简介。

📖前言

Flex布局的问世填补了CSS长期以来缺乏的合适布局机制。在本期内容中，我们将利用Flex布局来制作一个带有3D效果的骰子。

📔1. 简洁垂直居中实践

垂直居中一直是前端开发中的一项常见挑战。以往的解决方案涉及负外边距、display: table-cell等复杂技巧，有时候甚至需要使用全高的伪元素。然而，随着Flex布局的普及，这一问题变得轻而易举。使用Flex布局，垂直居中只需两行代码。