|
<style>
.pa {
margin: 20px auto;
width: 1024px;
height: 640px;
font-size: 16px;
display: grid;
place-items: center;
perspective: 600px;
position: relative;
}
.txt3d {
color: beige;
font: bold 5em sans-serif;
text-shadow: 2px 2px 4px gray, 3px 3px 8px orange, 4px 4px 16px black;
animation: rot ease-in-out 3s infinite alternate;
transform-style: preserve-3d;
}
@keyframes rot {
0% { transform: rotate3d(0, 0.75, 0, 0deg); }
50% { transform: rotate3d(0.5, 0.35, 0, 300deg); }
100% { transform: rotate3d(1, 0, 0, 60deg); }
}
</style>
<div class="pa">
<p class="txt3d">暗香浮动月黄昏</p>
</div>
|
发表于