V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
isbase
V2EX  ›  CSS

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

  •  1
     
  •   isbase · 2016-09-15 22:04:10 +08:00 · 3100 次点击
    这是一个创建于 2991 天前的主题,其中的信息可能已经有所发展或是发生改变。
    9 条回复    2016-09-17 01:03:17 +08:00
    tension
        1
    tension  
       2016-09-15 22:11:27 +08:00
    GIF?
    designer
        2
    designer  
       2016-09-15 22:13:18 +08:00 via iPhone
    PS AE 都行吧 其实就是 错位的滤镜都懂了下。挺简单的
    est
        4
    est  
       2016-09-15 22:35:23 +08:00
    canvas?
    tension
        5
    tension  
       2016-09-15 22:37:12 +08:00
    有层 canvas ! JS 写的吧。。
    sherlocktheplant
        6
    sherlocktheplant  
       2016-09-16 01:32:18 +08:00
    不用 Canvas 直接在原图的父标签上在 absolute 定位 然后用一张一模一样的图作背景 然后用 js 计算并改变 top 的值和背景图的 Y 坐标以及标签的高度 就可以做出来这个效果
    sherlocktheplant
        7
    sherlocktheplant  
       2016-09-16 01:33:46 +08:00   ❤️ 1
    仔细看了一下 那个镜头散射的效果用我说的办法不行 那个必须得用 canvas
    Perry
        8
    Perry  
       2016-09-17 01:01:20 +08:00
    Perry
        9
    Perry  
       2016-09-17 01:03:17 +08:00
    不过上面的链接没有解释图片的效果是怎么弄出来的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 13:19 · PVG 21:19 · LAX 05:19 · JFK 08:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.