为了账号安全,请及时绑定邮箱和手机立即绑定

老师,帮我看看我的是哪里的问题?谢谢!

老师   麻烦帮我看看我的事哪里的问题,效果还是不标准。

.text6{
            background: orchid;    
        }
        .text6 figcaption{width: 80%;
        height: 80%;
        color: white;}
        .text6 figcaption h2{margin-top: 15%;
        margin-left: 20%;
        color: white;
        }
        .text6 figcaption p{margin-top: 5px;
        margin-left: 20%;
        }
        .text6 .div1{background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        opacity: 1;
        filter: alpha(opacity:0);
        vertical-align:text-top;
        text-align: center;
        /*transform:translate(-60px,0px)*/
        }
        .text6:hover .div1{
        transform: translate(35px,-80px) rotate(-16deg);
        opacity: 0.7;
        filter: alpha(opacity:70);
        width: 120%;
        }

<figure class="text6">
            <img src="img/p1_imooc.png" alt="小慕" />
            <figcaption>
                <h2>大家好,我始终是小慕</h2>
                <p>恭祝大家新年快乐</p>
            </figcaption>    
            <div class="div1">
                <p>left right</p>
                <p>发F发</p>
            </div>
        </figure>

正在回答

1 回答

好的   谢谢老师

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS3图片动态提示效果
  • 参与学习       53895    人
  • 解答问题       142    个

实用的CSS3图片动态提示效果,熟练掌握CSS动画的制作技法

进入课程

老师,帮我看看我的是哪里的问题?谢谢!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信