tom {
			0% {
				transform: rotateX(0deg);
			}

			60% {
				transform: rotateX(60deg);
			}

			100% {
				transform: rotateX(90deg);
			}
		}
	</style>
</head>

<body>
	<div class="fixed layout-root">
		<div>
			<button onclick="toggleDialog(true)">显示弹出框</button>
		</div>
		<div class="layout-content">
			<p>
				CSS3为用户添加了三个特殊效果的处理方式：过渡、动画、变化。当用户和界面元素交互时，使用这些特殊样式可大大改善用户的体验效果�