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

爱意满满的作品展示区。

This topic created in 3529 days ago, the information mentioned may be changed or developed.

先上图：

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

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

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

CSS

技淫巧

主页

样式

20 replies • 2017-03-16 11:35:28 +08:00

xcatliu

Mar 7, 2017 via iPhone

个人主页的链接呢？

ikw

Mar 7, 2017

http://ming.today/

看着挺好玩的

dimlau

Mar 7, 2017

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

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

Belated

Mar 7, 2017

日期感觉都连起来了。。

kalasoo

Mar 7, 2017

@dimlau 不错不错

picturepan2

Mar 7, 2017

[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

Mar 7, 2017

@picturepan2 👍哦

dimlau

Mar 7, 2017

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