PIXIV TECH FES.のLPを支えるCSSアニメーションテクニック - pixiv inside

※本記事に出てくるアニメーションは全てCSSで作られています はじめまして、新卒エンジニアの yui540(@yui540)です。普段は、pixivFANBOXというサービスのCSSエンジニアをしています。 今回は、私がコーディング&ページ演出のアニメーションを担当させていただいたPIXIV TECH FES. の LP(第一弾)の CSSアニメーションの実装方法を一部解説します。 第一弾 conference.pixiv.co.jp 第二弾 conference.pixiv.co.jp とその前に、「PIXIV TECH FES.って何？」という方もいると思うので、簡単にご説明します。 PIXIV TECH FES. は、私たちピクシブのエンジニアが普段からお世話になっている方や、 お話ししてみたい方をお招きして、サービス開発で得た技術的知見とピクシブの未来についてお話しするテックカンフ

[yasu-log]

PIXIV TECH FES.のLPを支えるCSSアニメーションテクニック - pixiv inside

[tasshi820]

とてもしゅごい

[kwbtsts]

まじすごいこれ

[simochee]

これ絶対俺の知ってるCSSとは違うなにかだよな…？ 敢えてのCSSアニメーションが遊び心満載で見てて楽しい

[tailtame]

GIF速くて目がチカチカする(｀・ω・´)　『filter: blur();』って重いよな…まあ今の時代～だろうけど（ https://qiita.com/bluebird/items/a3f55206984fa8105e39 ）。CSSアニメーションでいろいろ遊びたい…IE11死すべし死すべし

[p1ass]

しゅごい

[hachiame]

面白そう。最近、アニメーション作ってないから 作ってみたい。

[marukot-ch]

こんなこともできるんだ。全然知らなきゃ

[envs]

WebGLで実装した方が軽そうな気がするが……

[t_f_m]

あとで

[mochieer]

すんごい。無限に見てたい。

[zonu_exe]

CSS IS AWESOME…

[sezemi]

“※本記事に出てくるアニメーションは全てCSSで作られています” すんごい

[w1zardhead]

ここまで出来るのすごい

[ika2434]

しゅごい

[Allajah]

まじですごい。 楽しみ。 > "PIXIV TECH FES. の LP(第二弾)ついてお話しします”

[alice345]

プロ

[sue445]

CSS職人だ