先上图:
中间很重要的一个 CSS 样式是:
main { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; }
当然还有我最爱的: http://www.adhamdannaway.com/
![]() | 1 xcatliu 2017-03-07 10:39:43 +08:00 via iPhone 个人主页的链接呢? |
![]() | 2 ikw 2017-03-07 10:48:01 +08:00 ![]() http://ming.today/ 看着挺好玩的 |
![]() | 3 dimlau 2017-03-07 11:38:30 +08:00 |
4 Belated 2017-03-07 11:41:27 +08:00 日期感觉都连起来了。。 |
![]() | 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) 。 |
![]() | 7 kalasoo OP @picturepan2 哦 |
![]() | 8 dimlau 2017-03-07 21:45:42 +08:00 @picturepan2 想了半天这个名字怎么这么熟悉在哪见过……终于想起来是 Livesino |
![]() | 9 arrome 2017-03-08 00:21:03 +08:00 via Android 大哥我看着好难受 |
![]() | 10 Elizen 2017-03-08 13:45:53 +08:00 |
![]() | 12 Khlieb 2017-03-08 22:54:53 +08:00 via Android ![]() |
![]() | 13 Cabana 2017-03-09 13:04:48 +08:00 标题在右边,却是从左往右,从右往左看了半天才发现读反了 |
![]() | 15 lengxx 2017-03-09 15:05:19 +08:00 鼠标滚轮不能用好难受 |
![]() | 17 loveyu459279 2017-03-12 14:15:34 +08:00 老乡啊 |
![]() | 18 kalasoo OP @loveyu459279 ,泪汪汪 |
![]() | 19 designer 2017-03-14 00:29:30 +08:00 via iPhone 很有古文风 |