HTML 和 CSS 是 Web 开发中的主要技术栈,其中 CSS 动画在增强页面交互方面发挥着重要作用。如果您正在探索 CSS 动画,并且想要学习如何实现斜着移动动画,那么本文将为您提供相应的指导。
p { position: relative; width: 400px; height: 200px; background-color: #f9f9f9; }
p { position: relative; width: 400px; height: 200px; background-color: #f9f9f9; transform: rotate(30deg) translateX(150px) translateY(50px); animation: slide 2s infinite alternate; } @keyframes slide { from { transform: rotate(30deg) translateX(0px) translateY(0px); } to { transform: rotate(30deg) translateX(300px) translateY(100px); } }
粉丝
0
关注
0
收藏
0