css制作向下的三角形 |css一张图片的动效

代码如下：
.triangle-down {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #ccc;
}

解释：

以上代码中，大家使用了一个伪元素来制作向下的三角形，它的原理是借助CSS的边框特性。

首先，大家将元素的宽度和高度都设置为0。

.triangle-down {
width: 0;
height: 0;
}

接下来，大家使用border属性来设置元素的上下左右边框样式。其中，大家将左右边框都设置为25px，这样就可以形成一个等腰三角形。

.triangle-down {
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #ccc;
}

其中，border-top属性是大家控制三角形的颜色。

这样，大家就成功地制作出了一个向下的三角形！