欧美性生交大片免费看_国产成人无码一二三区视频_亚洲免费观看视频_亚洲中文字幕无码av永久_天天天天躁天天爱天天碰2018

<style>

    ._140lh54bco000{

  }

._140lh54bco000 .zz-comp-list__item .zz-element-wrapper .do-img-cover.img-0:before{

    content: "";

    display: block;

    width: 0%;

    height: 100%;

/*   background: #333;  */

/*     background: transparent linear-gradient(180deg, rgba(230, 50, 90, 1) 0%, rgba(170, 35, 39, 1) 100%);  */

  background: transparent linear-gradient(to right, #30cfd0 0%, #330867 100%);

    position: absolute;

    left: 50%;

    top: 0;

    transition: ease .3s;

/*     opacity: 0; */

     opacity: 0.85!important;

}

._140lh54bco000 .zz-comp-list__item:hover .zz-element-wrapper .do-img-cover.img-0:before {

    opacity: 1;

    width: 100%;

    left: 0;

}

</style>

如上圖所示操作，然后保存并發(fā)布網(wǎng)站，這樣我們就獲得這個圖文的效果了。同時我們可以修改上述代碼，來調(diào)整這段代碼的效果。

比如調(diào)整為0.6，則動畫時長就延長了一倍，相應(yīng)的動畫播放速度就會放慢一倍。

而代碼中的這一段則可以調(diào)整背景色的顏色，如下圖中的 #30cfd0 以及 #330867 就是兩個顏色色號，它們共同組成了案例的圖文效果中漸變色的效果