zippera
V2EX  ›  CSS

请问图中红圈内的效果叫什么,怎么做出来的?

  •  
  •   zippera ·
    zippera · Jun 23, 2013 · 5765 views
    This topic created in 4707 days ago, the information mentioned may be changed or developed.


    我看源代码里面用的标签是 box 和 drop-shadow 。一般叫做什么? css 怎么写?
    13 replies    1970-01-01 08:00:00 +08:00
    yescola
        1
    yescola  
       Jun 23, 2013
    一个白色块和底部的图片叠加的吧。。。或者是白色块,在块的下面放个那样的图片。
    标签是啥无所谓了,爱怎么取怎么取。
    qiayue
        2
    qiayue  
    PRO
       Jun 23, 2013
    阴影
    yescola
        3
    yescola  
       Jun 23, 2013
    @qiayue 言简意赅。。。
    zippera
        4
    zippera  
    OP
       Jun 23, 2013
    @qiayue 能否介绍下怎么用?
    tension
        5
    tension  
       Jun 23, 2013
    你再那里看到的 用firebug 去看一下就晓得怎么用啦!!!
    alay9999
        6
    alay9999  
       Jun 23, 2013
    两个一样大的矩形
    上白下黑
    黑色的变形
    黑色的模糊
    黑色的透明度

    这是PS流程

    CSS的话,我猜想是两个黑色阴影需旋转一定角度放在底下吧
    chairuosen
        7
    chairuosen  
       Jun 23, 2013
    -webkit-transform: rotate(-2deg);
    zippera
        8
    zippera  
    OP
       Jun 23, 2013
    @tension 谢谢,我用chrome的「审查元素」搞清楚了。
    zippera
        9
    zippera  
    OP
       Jun 23, 2013
    @chairuosen 感谢,正解。这是我刚总结的:http://zipperary.com/2013/06/23/box-and-shadow-effect/
    yangg
        10
    yangg  
       Jun 23, 2013
    good, 学习
    Keinez
        11
    Keinez  
       Jun 23, 2013 via Android
    敢情CSS3也能做这样的效果了,顿觉落伍…
    railgun
        12
    railgun  
       Jun 24, 2013
    这叫阴影,英文叫shadow
    loading
        13
    loading  
       Sep 8, 2013
    mark.
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   967 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 60ms · UTC 20:04 · PVG 04:04 · LAX 13:04 · JFK 16:04
    ♥ Do have faith in what you're doing.