嗨，我正在尝试创建一个渐变，开始于第一个div，结束于最后一个div。
与Instagram消息应用程序非常相似：

我尝试使用Multiple.js，但无法使其工作：
下面是我的HTML代码：

<div class="messageRow messageRowFromRecipient">
 <div class="message messageFromRecipient">
  <div class="messageContent">Hello!</div>
   <div class="messageTimestamp">8:54 PM</div>
  </div>
</div>

我试着用Multiple.js运行此javascript代码，但没有任何React。：

var multiple = new Multiple({
  selector: '.messageFromRecipient',
  background: 'linear-gradient(#273463, #8B4256)'
});
multiple.update();

所以现在我想知道，有没有一个纯javascript/css的方法来实现这一点？有人能提供建议吗？谢谢！