V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
kalasoo
V2EX  ›  分享创造

写了个个人主页,用了竖版的 CSS 样式,大家的个人主页开发上又啥奇技淫巧?

  •  
  •   kalasoo ·
    kalasoo · 2017-03-07 10:28:21 +08:00 · 4865 次点击
    这是一个创建于 2825 天前的主题,其中的信息可能已经有所发展或是发生改变。

    先上图:

    中间很重要的一个 CSS 样式是:

    main {
        writing-mode: vertical-rl;
        -webkit-writing-mode: vertical-rl;
    }
    
    

    当然还有我最爱的: http://www.adhamdannaway.com/

    20 条回复    2017-03-16 11:35:28 +08:00
    xcatliu
        1
    xcatliu  
       2017-03-07 10:39:43 +08:00 via iPhone
    个人主页的链接呢?
    zwpaper
        2
    zwpaper  
       2017-03-07 10:48:01 +08:00   ❤️ 1
    http://ming.today/

    看着挺好玩的
    dimlau
        3
    dimlau  
       2017-03-07 11:38:30 +08:00
    放个旧文
    https://kaix.in/daddy/2011/03/vertical-writing-mode/

    文字竖排时中英混杂的处理有点麻烦,简单粗暴地旋转九十度……倒是可以治疗颈椎病哈哈哈哈
    Belated
        4
    Belated  
       2017-03-07 11:41:27 +08:00
    日期感觉都连起来了。。
    kalasoo
        5
    kalasoo  
    OP
       2017-03-07 13:11:40 +08:00
    @dimlau 不错不错
    picturepan2
        6
    picturepan2  
       2017-03-07 16:54:22 +08:00
    [Spectre.css 文档体验]( https://picturepan2.github.io/spectre/) 倒是用了很多 CSS 玩法:
    1. position: sticky; 实现页面拖动到一定位置,组件固定。
    2. 移动端利用 :target 实现 offcanvas 的菜单,还能点击空白处关闭菜单。
    3. 组件里还有很多纯 CSS 的实现,比如 Apple TV/tvOS 的[视差 Hover 效果]( https://picturepan2.github.io/spectre/experimentals.html#parallax) 。
    kalasoo
        7
    kalasoo  
    OP
       2017-03-07 18:31:58 +08:00
    @picturepan2 👍哦
    dimlau
        8
    dimlau  
       2017-03-07 21:45:42 +08:00
    @picturepan2 想了半天这个名字怎么这么熟悉在哪见过……终于想起来是 Livesino 😂
    arrome
        9
    arrome  
       2017-03-08 00:21:03 +08:00 via Android
    大哥我看着好难受
    Elizen
        10
    Elizen  
       2017-03-08 13:45:53 +08:00
    新弄的一个小玩意儿,欢迎光临:

    http://t.elizen.me
    kalasoo
        11
    kalasoo  
    OP
       2017-03-08 17:34:39 +08:00
    @Elizen 挺干净的,不错
    Khlieb
        12
    Khlieb  
       2017-03-08 22:54:53 +08:00 via Android   ❤️ 1
    @arrome 好多人都有些看不惯了,最近就有篇文章专门写这问题
    http://www.typeisbeautiful.com/2017/02/11456/
    Cabana
        13
    Cabana  
       2017-03-09 13:04:48 +08:00
    标题在右边,却是从左往右,从右往左看了半天才发现读反了
    kalasoo
        14
    kalasoo  
    OP
       2017-03-09 14:44:31 +08:00
    @Cabana 小写的尴尬
    lengxx
        15
    lengxx  
       2017-03-09 15:05:19 +08:00
    鼠标滚轮不能用好难受
    kalasoo
        16
    kalasoo  
    OP
       2017-03-09 23:22:34 +08:00
    @lengxx 😄,触摸板党飞过
    loveyu459279
        17
    loveyu459279  
       2017-03-12 14:15:34 +08:00
    老乡啊
    kalasoo
        18
    kalasoo  
    OP
       2017-03-13 16:46:24 +08:00
    @loveyu459279 ❤️,泪汪汪
    designer
        19
    designer  
       2017-03-14 00:29:30 +08:00 via iPhone
    很有古文风
    kalasoo
        20
    kalasoo  
    OP
       2017-03-16 11:35:28 +08:00
    @designer 做的还不是特别好呢,😭
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2600 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 10:37 · PVG 18:37 · LAX 02:37 · JFK 05:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.