CSS中的三角函数主要有三个，分别是sin()、cos()和tan()。

其中sin()函数可以用来实现元素的上下运动效果，例如：

div{
    position: absolute;
    animation: moveUp 1s ease-in-out infinite;
}
@keyframes moveUp {
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-20px);
    }
    100%{
        transform: translateY(0px);
    }
}

以上代码实现了一个无限循环的上下运动效果，其中通过使用sin()函数来控制元素的垂直位移。

而cos()函数一般用来控制元素的水平位移，例如：

div{
    position: absolute;
    animation: moveRight 1s ease-in-out infinite;
}
@keyframes moveRight {
    0%{
        transform: translateX(0px);
    }
    50%{
        transform: translateX(20px);
    }
    100%{
        transform: translateX(0px);
    }
}

以上代码实现了一个无限循环的左右运动效果，其中通过使用cos()函数来控制元素的水平位移。

最后，tan()函数可以用来实现元素的倾斜效果，例如：

div{
    transform: rotate(-45deg) skew(30deg);
}

以上代码实现了一个元素的倾斜效果，其中通过使用tan()函数来控制元素的倾斜角度。