遮罩层动画

最新推荐文章于 2023-11-01 19:29:37 发布

lin5508

最新推荐文章于 2023-11-01 19:29:37 发布

阅读量718

点赞数

本文链接：https://blog.csdn.net/lin5508/article/details/102862174

版权

1：html部分2：js部分3：css

摘要由CSDN通过智能技术生成

效果

在这里插入图片描述

1：html部分

在这里插入图片描述

<el-col :span="8">
    <div class="grid-content bg-purple" >
         <div class='classroom_img' @mouseover="enter(1)" @mouseout="leave">
             <img :class="{classEnter:isUp==1}" src="../image/about_b.jpg" alt="">
             <transition name="fadeIn">
                 <div v-if="show==1" class="layer_t">

                 </div>
             </transition>
         </div>
     </div>
 </el-col>