CSS3提供了多种变形效果，包括旋转、缩放、扭曲、倾斜等。以下是一个使用CSS3变形效果的示例：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Attribute Selectors Example</title>
<style>
.box {
width: 100px;
height: 100px;
background-color: #f00;
transform: rotate(45deg) scale(1.5) skewX(20deg) translate(50px, 50px);
}
</style>
</head>
<body>
<div class="box">Hello World</div>
</body>
</html>解释：
transform属性用于设置元素的变形效果。rotate函数用于设置旋转角度，单位为度数。scale函数用于设置缩放比例，比例为1表示原大小，大于1表示放大，小于1表示缩小。skewX函数用于设置水平方向的扭曲角度，单位为度数。translate函数用于设置元素的平移位置，单位为像素。
运行该示例，可以看到元素被旋转45度、放大1.5倍、水平方向扭曲20度，并且向右下角平移了50像素。
需要注意的是，CSS3变形效果在不同浏览器中可能会有一些兼容性问题，需要根据实际情况进行调整。
正文完