爱意满满的作品展示区。
picturepan2
41.68D

纯 CSS 实现 Apple TV 封面视差效果

  •  3
     
  •   picturepan2 ·
    picturepan2 · Mar 3, 2017 · 3937 views
    This topic created in 3532 days ago, the information mentioned may be changed or developed.

    预览:https://picturepan2.github.io/spectre/experimentals.html#parallax 预览


    这是 Spectre.css 框架实验性代码的一部分。

    最近还重写了文档体验,也是纯 CSS 实现的交互,比如手机端的导航菜单。

    6 replies  •  2017-03-04 11:06:35 +08:00
    Neo
    Neo
    Mar 3, 2017
    1
    不错,用伪元素触发,就可以少写几个 div 了
    picturepan2
    picturepan2
    OP
    Mar 3, 2017
    2
    @Neo 哪个部分用伪元素?
    mmnsghgn
    mmnsghgn
    Mar 3, 2017
    3
    锤子官网的 Banner 也不错,不知道可否实现
    参考
    http://qingjin.me/font-end/锤子科技首页 banner 图 3d 效果 /
    http://codepen.io/mqhe2007/pen/zqzJLM
    另外有个博客也差不多的效果
    https://daneden.me/
    blanu
    blanu
    Mar 3, 2017 via iPhone
    4
    @zhengjian 其实这个 banner 原理简单到你不敢相信…你可以查一下
    lhw45202
    lhw45202
    Mar 4, 2017
    5
    不错
    xrr2016
    xrr2016
    Mar 4, 2017
    6
    cool
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4874 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 78ms · UTC 08:29 · PVG 16:29 · LAX 00:29 · JFK 03:29
    ♥ Do have faith in what you're doing.