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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2800 天前的主题，其中的信息可能已经有所发展或是发生改变。

先上图：

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

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

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

CSS

技淫巧

主页

样式

20 条回复 • 2017-03-16 11:35:28 +08:00

xcatliu

2017-03-07 10:39:43 +08:00 via iPhone

个人主页的链接呢？

zwpaper

2017-03-07 10:48:01 +08:00

http://ming.today/

看着挺好玩的

dimlau

2017-03-07 11:38:30 +08:00

放个旧文
https://kaix.in/daddy/2011/03/vertical-writing-mode/

文字竖排时中英混杂的处理有点麻烦，简单粗暴地旋转九十度……倒是可以治疗颈椎病哈哈哈哈

Belated

2017-03-07 11:41:27 +08:00

日期感觉都连起来了。。

kalasoo

2017-03-07 13:11:40 +08:00

@dimlau 不错不错

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

2017-03-07 18:31:58 +08:00

@picturepan2 👍哦

dimlau

2017-03-07 21:45:42 +08:00

@picturepan2 想了半天这个名字怎么这么熟悉在哪见过……终于想起来是 Livesino 😂