3-2项目作业中下拉框显示和隐藏的动画怎么写呢

3-2项目作业中下拉框显示和隐藏的动画怎么写呢

只是简单的display:none 和 display :block 没有这样的效果吧

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2019-02-18 13:57:06

同学你好,可以给显示隐藏的这部分内容显示过渡transition,然后显示的时候,添加transform: scale(1, 1) translate(0px, 0px);,隐藏的时候是transform: scale(1, 0) translate(0px, -50%);

这个跟课程中的效果虽然不完全一样,但是原理是相同的哦。老师也能明白你着急找工作的心情,不过着急也要把知识点学好哦。这样再次遇到类似情况的时候才知道如何解决。知识掌握牢固了,才能更好的找到工作哦。继续加油!

祝学习愉快!

  • 提问者 abcd而非abc #1
    谢谢老师,我知道了
    2019-02-18 14:00:43
好帮手慕糖 2019-02-18 10:58:55

同学你好,可以使用transform属性的。课程案例中,是有讲到的哦,建议:可以再看下课程哦,最后是能够动手实现下课程中的效果。若是遇到哪里不会的或者不能解决的,都可以在问答区进行提问,老师会帮助你解决。

祝学习愉快!

  • 提问者 abcd而非abc #1
    这个动画效果和课上讲的不一样啊,希望你给点具体的提示,我没有太多的时间再把视频看一次,急着工作的啊!!!!1
    2019-02-18 11:14:14
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师