在CSS中，通过transform属性可以实现对元素的旋转变换，其中最常见的就是旋转180度变换。

.rotate {
transform: rotate(180deg);
}

以上代码表示将类名为rotate的元素旋转180度。

比如对于一个箭头图标：

<i class="fa fa-long-arrow-up" aria-hidden="true" style="font-size:36px;"></i>

我们可以通过定义旋转类，来实现箭头指向下方的效果：

.rotate-down {
transform: rotate(180deg);
}

如下：

<i class="fa fa-long-arrow-up rotate-down" aria-hidden="true" style="font-size:36px;"></i>

这样，箭头就旋转了180度，指向了下方。

需要注意的是，以上示例使用了FontAwesome图标库中的图标，需要在HTML文件中引入FontAwesome的CSS文件。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

经过旋转180度后的效果如下：