简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 有什么方法实现 登录注册页面切换的翻转效果？
伊谢尔伦
伊谢尔伦 2017-04-11 12:45:35
0
3
400

想实现的是登录界面上有个注册按钮 点击后会切换到注册页面，切换效果会有水平翻转的效果（类似花瓣网的效果），可是backface-visibility：hidden；ie不支持 所以用transform 不行 请问大神有没有其他方式解决？

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

Antworte allen (3)
PHPzhong
PHPzhong2017-04-11 12:47:35 3 Etage

两个页面的切换过渡效果 怎么整

Wie+0
Antwort hinzufügen
    巴扎黑
    巴扎黑2017-04-11 12:47:35 2 Etage

    可以用这个插件：
    http://idangero.us/swiper/dem...

    将你的注册和登录页做成俩p，进行切换

    Wie+0
    Antwort hinzufügen
      左手右手慢动作
      左手右手慢动作2017-04-11 12:47:35 1 Etage

      尝试使用下css3里的翻转 先显示登录p 点击切换按钮后 登录p 以Y轴翻转90度 达到90度时 注册p显示（此时应该先设置注册p垂直于页面）然后以Y轴翻转90度
      具体动画时间轴和初始p位置也需要调整

      Wie+0
      Antwort hinzufügen
        Beliebte Themen
        Mehr>
        Populäre Artikel
        Beliebte Tutorials
        Mehr>
        Verwandte Tutorials
        Beliebte Empfehlungen
        Aktuelle Kurse
        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！