【动图问题 _动画】 | IT修真院·坑乎

动图问题

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

动画

详细描述

截图

代码

<div class="col-md-6 col-lg-4 main-box">
                <div class="main-box-tow">
                    <div class="hide-box">
                        <span class="hide-title">iOS工程师</span>
                        <p class="hind-font">iOS是由苹果公司开发的移动操作系统， iOS和苹果的Mac OS X操作系统一样， 也是以Darwin为基础的， 因此同样属于类Unix的商业操作系统。 国内的iOS开发起步相对较晚， 人才培养机制更是远远跟不上市场发展速度，
                            有限的iOS开发人才成了国内企业必争的资源。 国内的iOS开发起步相对较晚， 人才培养机制更是远远跟不上市场发展速度， 有限的iOS开发人才成了国内企业必争的资源。
                        </p>



.hide-box {
    position: absolute;
    padding: 5rem 12% 2rem 12%;
    text-align: center;
    line-height: 2rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 2s;
    transform: rotate(0deg);
}

.hide-title {
    display: none;
    text-align: center;
    line-height: 8rem;
}

.hind-font {
    display: none;
    text-align: left;
}

.main-box-tow:hover .hide-box {
    /* display: block;  */
    transform: rotate(360deg);
    color: #fff;
    background: rgba(16, 16, 16, 0.8);
}

.main-box-tow:hover .hide-title {
    display: inline-block;
}

.main-box-tow:hover .hind-font {
    display: inline-block;
}

编辑于2024-11-19