小编kai*_*war的帖子

我有两个相互重叠的叠加层,叠加的部分使用混合混合模式混合.在chrome中应用了效果但是使用此属性有一个奇怪的div闪烁.这是什么闪烁的原因以及它如何解决.我已经在firefox上测试了它的良好运行但不是在chrome中.

截图

上面的图像是一旦动画结束,一旦完成,左边的div开始连续闪烁.

    <div class="bottom-banner wr-fl">
        <div class="left-overlay overlay"></div>
        <div class="right-overlay overlay"></div>
        <div class="center heading">
            {{entry.bottom_banner.banner_heading}}
        </div>
    </div>
    .bottom-banner .left-overlay
    {
        mix-blend-mode:multiply;
        background:rgba(0,54,108,0.7);
        transform:skew(-25deg);
        z-index:11;
        left:-280px;

    }
    .bottom-banner .right-overlay
    {
        width:500px;
        transform:skew(-25deg);
        right:-600px;
        animation:slideinbottom 2s ;
        background:red;
        mix-blend-mode:multiply;
    }

我有一个post调用,可以将有效负载作为单个JS对象以及对象数组将其保存到db.如何编写模式以验证此类有效负载？

JS对象

{
  label: 'label',
  key: 'key',
  help_text: 'text'
}

要么

[
{
  label: 'label1',
  key: 'key1',
  help_text:'text1'
 },
 {
  label: 'label2',
  key: 'key2',
  help_text:'text2'
 }
 ]