CSSだけでiOSのロックスクリーンを作る - Qiita

CSS3のKeyframeを利用 今日紹介するのはCSS Animationを使ってiOS7ロックスクリーンのスライダーの様に、キラリラリンとなるテキストの作り方です。 今回はKeyframeを利用してアニメーションを実装します。 @keyframes は、アニメーション中に到達すべきポイントであるキーフレーム (通過点) を明示することで、CSS animation の流れの中間地点をページ作者が制御することを可能にします。これにより、ブラウザにすべてを自動的に扱わせる場合よりも、アニメーションの流れの中間地点をより明確に制御することができます。 keyframesの構文 @keyframes <identifier> { [ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]* } キーフレームのリスト

[kasumani]

CSSだけでiOSのロックスクリーンを作る 今日紹介するのはCSS Animationを使ってiOS7ロックスクリーンのスライダーの様に、キラリラリンとなるテキストの作り方です。 Tags: feedly, ifttt, recently read, saved for later from Pocket January 27, 2014