<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>倾斜</title><style>div{margin: 100px auto;width: 100px;height: 200px;background-color: pink;transition: all 0.5s;}div:hover{/* 正角度逆时针，负角度顺时针 */transform: skew(60deg);transform: skew(-60deg);}</style>
</head>
<body><div></div>
</body>
</html>