用css写提示滚屏箭头动画效果

在许多滚屏的网页中都有提示滚屏箭头动画效果，这种效果往往在网页底部显示，提示我们下滑屏幕，现在我们就用css代码来实现这种效果。

1、首先创建一个div，并且输入“>”（代码：>），再用css控制其大小、字体，并翻转90°让其向下（transform属性），控制位置为网页底部居中。

效果：

2、创建向下移动动画关键帧，取名arrow，用定位使箭头每次向下移动2px。

3、最后设置动画为无限循环，并且开始动画前延迟0.5s。在这里我使用的是animation复合属性。
语法如下：

本例用到代码:

201803090110-3