isbase
1D
V2EX  ›  CSS

这种图片的效果是怎么做的呢?

  •  1
     
  •   isbase ·
    PRO
    · Sep 15, 2016 · 3624 views
    This topic created in 3596 days ago, the information mentioned may be changed or developed.
    9 replies    2016-09-17 01:03:17 +08:00
    tension
        1
    tension  
       Sep 15, 2016
    GIF?
    designer
        2
    designer  
       Sep 15, 2016 via iPhone
    PS AE 都行吧 其实就是 错位的滤镜都懂了下。挺简单的
    est
        4
    est  
       Sep 15, 2016
    canvas?
    tension
        5
    tension  
       Sep 15, 2016
    有层 canvas ! JS 写的吧。。
    sherlocktheplant
        6
    sherlocktheplant  
       Sep 16, 2016
    不用 Canvas 直接在原图的父标签上在 absolute 定位 然后用一张一模一样的图作背景 然后用 js 计算并改变 top 的值和背景图的 Y 坐标以及标签的高度 就可以做出来这个效果
    sherlocktheplant
        7
    sherlocktheplant  
       Sep 16, 2016   ❤️ 1
    仔细看了一下 那个镜头散射的效果用我说的办法不行 那个必须得用 canvas
    Perry
        9
    Perry  
       Sep 17, 2016
    不过上面的链接没有解释图片的效果是怎么弄出来的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5200 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 270ms · UTC 03:53 · PVG 11:53 · LAX 20:53 · JFK 23:53
    ♥ Do have faith in what you're doing.