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

今天小編給大家?guī)淼氖且粋€(gè)簡(jiǎn)單的小代碼，可以給圖文組件加上一個(gè)鼠標(biāo)移入向上漂浮的效果，如下圖所示：

和過去小編寫過的小教程一樣，這類代碼本身并不復(fù)雜，但是在合適的地方使用就可以起到點(diǎn)睛的作用，讓網(wǎng)站看起來生動(dòng)很多。

下面就讓我們一起來看看如何實(shí)現(xiàn)這個(gè)效果吧！首先是這個(gè)效果的代碼：

<style>

    ._13i6hfl3co000{

  }

._13i6hfl3co000 .zz-comp-list__item{

  transition: all .5s linear;

}

 ._13i6hfl3co000 .zz-comp-list__item:hover{

   transform: translateY(-10px)

}

._13i6hfl3co000 .zz-comp-list__item:hover >.zz-element-wrapper>.text .title, ._13i6hfl3co000 .zz-comp-list__item:hover >.zz-element-wrapper>.text .title > *{

  color: rgba(217, 37, 37, 1);

}

._13i6hfl3co000 .zz-comp-list__item>.zz-element-wrapper:hover{

  box-shadow: 0px 0px 14.25px 0.75px rgba(0, 0, 0, 0.15);

  transition: all 0.36s ease;

}

</style>

PS：由于這段代碼是針對(duì)圖文組件編寫的，所以也只能對(duì)圖文組件生效哦！

好了，今天的小教程就到這里了，我們下期再見吧！