Pure CSS3 typing animation with steps() • Lea Verou
steps() is a relatively new addition to the CSS3 animations module. Instead of interpolating the values smoothly, it allows us to define the number of “frames” precisely. So I used it to create headers that have the well-known animated “typing effect”: As you can see, the number of characters is hardcoded in the steps() function, but that’s the only place. Everything else is totally flexible. Apar
CSS 2D Transforms Module Level 3
CSS Transforms Module Level 1 W3C Candidate Recommendation, 14 February 2019 This version: https://www.w3.org/TR/2019/CR-css-transforms-1-20190214/ Latest published version: https://www.w3.org/TR/css-transforms-1/ Editor's Draft: https://drafts.csswg.org/css-transforms/ Previous Versions: https://www.w3.org/TR/2018/WD-css-transforms-1-20181130/ https://www.w3.org/TR/2017/WD-css-transforms-1-201711
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
My Browser Information
http://joelb.me/blog/2012/maintaining-css-style-states-using-infinite-transition-delays/
