给图片加 transform效果

要给图片添加transform效果，你可以使用CSS来实现。以下是一个示例代码，演示如何给图片添加transform效果：

<?php if (has_post_thumbnail()) { ?>
    <a href="<?php the_permalink(); ?>" class="image-link">
        <?php the_post_thumbnail('custom-thumb', ['class' => 'transform-image']); ?>
    </a>
<?php } ?>

在上述代码中，我们首先检查文章是否具有缩略图。然后，我们使用the_post_thumbnail()函数将文章的缩略图输出到列表页中，并使用数组传递了一个参数['class' => 'transform-image']。这样可以为生成的<img>标签添加一个CSS类名为transform-image。

接下来，你可以在你的CSS文件中添加相应的样式来定义transform效果。例如：

.transform-image {
    transform: rotate(45deg);
    /* 添加其他transform属性，如scale、translate等 */
}

在上述代码中，我们将图片的transform属性设置为rotate(45deg)，这将使图片顺时针旋转45度。你可以根据需要添加其他transform属性，如scale、translate等。

请注意，你可以根据自己的需求和喜好调整transform效果的样式。