いつのまにか CSSも アニメ的なエフェクトも簡単記述で可能になっておりました.
↓ 下のボタンを押してみてね.
See the Pen Android "L" Button by Tim Kendall (@timkendall) on CodePen.
こんな便利なサイトがあったり.
右上に 埋め込みHTMLを取得できるので貼ってみましたのが, 一番上のボタンと埋め込みタブまわりで.
こんなに少ない行数でできるのかと思ってみたけどもブラウザ互換の件がつきまとう.
そんなに今は「フラット」なのかなあ, と.
オフィシャルなサイト内には見やすく動画とかあるけども.
生で提供公開されてるリソースをGIFアニメで.
あまり見やすくないのかも(笑)
Mobile
The mobile layout template includes a variety of 10 screens. Use the layers palette to toggle on and off keylines and spacing rules.
Layout Mobile Whiteframe 2 MB (.ai)
Tablet
The tablet layout template includes a variety of 14 screens. Use the layers palette to toggle on and off keylines and spacing rules.
Layout Tablet Whiteframe 3 MB (.ai)
Desktop
The desktop layout template includes a variety of 4 screens, each with 4 different window sizes. Use the layers palette to toggle on and off keylines and spacing rules.
Layout Desktop Whiteframe 96 MB (.ai)
Whiteframes
Whiteframes provide a variety of layout structures using a consistent approach to surfaces, layering, and shadows.
