CSSで年表が作れるコード「Pure CSS Timeline」:phpspot開発日誌

Pure CSS Timeline ? Notebook | MattBango.com CSSで年表が作れるコード「Pure CSS Timeline」。 次のような、角丸でAppleっぽい(?)年表が作れるみたいです。 HTMLマークアップは以下のように, div と ul で組むみたいです。 <div class="timeline"> <ul class="events"> <li style="width: 42.48%; left: 57.2%;">Design &amp; Typography <em>(2007 - 2009)</em></li> <li style="width: 56.68%; left: 43%;">Photography <em>(2006 - 2009)</em></li> <li style="width: 71.3%; left: 28.4%;

[tarchan]

HTMLの生成も自動化しないと面倒そう

[forestk]

角丸は border-radius なので対応ブラウザじゃないとダメ。しかも指定があまりよろしくない