我希望有一些动态数量的div(有时是3个,有时是10个等),根据颜色渐变(比如从绿色到红色),来进行着色。
所以,当只有两个div时,第一个应该是“#0F0”,第二个是“#F00”。但是,如果有10个div,则第一个和最后一个应该相同,而所有中间的div都应该从绿色逐渐变为红色。
是否有一种使用纯CSS实现的方法?如果没有,你会如何使用JavaScript来实现呢?我正在考虑使用JavaScript来实现,但我觉得这会变得非常复杂。有什么建议吗?谢谢。
所以,当只有两个div时,第一个应该是“#0F0”,第二个是“#F00”。但是,如果有10个div,则第一个和最后一个应该相同,而所有中间的div都应该从绿色逐渐变为红色。
是否有一种使用纯CSS实现的方法?如果没有,你会如何使用JavaScript来实现呢?我正在考虑使用JavaScript来实现,但我觉得这会变得非常复杂。有什么建议吗?谢谢。