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

像这样的hover遮罩可以用纯CSS做么?

  •  
  •   INT21H · 2012-07-05 12:37:58 +08:00 · 4701 次点击
    这是一个创建于 4514 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://pp.163.com/square

    下面的社区推荐里的那些小方框,hover时候有说明,可以用纯CSS做到么?有木有人给个源码什么的?

    吾辈前端的确不会。。
    14 条回复    1970-01-01 08:00:00 +08:00
    Kaiyuan
        1
    Kaiyuan  
       2012-07-05 13:04:21 +08:00   ❤️ 1
    https://gist.github.com/3051472

    利用 CSS3 中 transition 可以实现动画。
    浮动可以控制元素坐标。
    cutehalo
        2
    cutehalo  
       2012-07-05 13:13:36 +08:00
    gist要咋发来着。。。试试楼上的

    https://gist.github.com/3051472.js
    cutehalo
        3
    cutehalo  
       2012-07-05 13:14:00 +08:00
    o(≧口≦)o 不对诶
    难道是
    <script src="https://gist.github.com/3051472.js"> </script>
    cutehalo
        4
    cutehalo  
       2012-07-05 13:16:27 +08:00
    cutehalo
        5
    cutehalo  
       2012-07-05 13:18:16 +08:00   ❤️ 1
    好吧…… ╮(╯-╰)╭ 我是悲剧
    @livid 到底要咋发啊...
    INT21H
        6
    INT21H  
    OP
       2012-07-05 13:23:24 +08:00
    @cutehalo 你好可爱。。 > <
    cutehalo
        7
    cutehalo  
       2012-07-05 13:31:51 +08:00
    @INT21H 大概明白了 好像是

    http://gist.github.com/3051472
    fanzeyi
        8
    fanzeyi  
       2012-07-05 13:32:12 +08:00   ❤️ 1
    @cutehalo https 改成 http 然后贴 gist 的 link ,并且必须是 Public 的 gist ,比如:

    http://gist.github.com/3051472
    cutehalo
        9
    cutehalo  
       2012-07-05 13:32:56 +08:00
    @fanzeyi 我刚刚搜到了 XD
    besteric
        10
    besteric  
       2012-07-05 13:52:19 +08:00
    发现贴代码把border撑开了...
    romoo
        11
    romoo  
       2012-07-05 14:24:36 +08:00
    @fanzeyi 不是 Public Gist 也可以的。
    fanzeyi
        12
    fanzeyi  
       2012-07-05 14:26:48 +08:00
    romoo
        13
    romoo  
       2012-07-05 14:36:28 +08:00
    romoo
        14
    romoo  
       2012-07-05 14:37:44 +08:00
    @fanzeyi 还真是,可以访问,但是不能显示。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5681 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 03:29 · PVG 11:29 · LAX 19:29 · JFK 22:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.