マガジンのカバー画像

Only CSS Collection

3
本
運営しているクリエイター
Yusuke Nakaya
Yusuke Nakaya

Yusuke Nakaya

CSSだけで煌めく、キラキラサファイア💎

CSSだけで煌めく、キラキラサファイア💎

CSS のグラデーションは background: linear-gradient() で描きます。しかし、linear-gradient はアニメーションに対応してないので、つまらない！そこで、無理やりアニメーションさせる方法を研究した作品 "Sapphire" の紹介です。

Only CSS: Codevember #4 Sapphireこの作品で使われている CSS テクニックの一部を紹介

もっとみる
Yusuke Nakaya

Yusuke Nakaya

CSSだけで描く、折り紙スタイルの鳥

CSSだけで描く、折り紙スタイルの鳥

僕の代表作。200点以上の CSS 作品の中から、最も思い出深い "Paper Bird" の紹介です。この折り紙スタイルの鳥には、僕のターニングポイントが刻まれています。

Only CSS: Paper Birdこの作品で使われている CSS テクニックの一部を紹介します。コードは一部抜粋し、簡素化しています。

関節を持つ翼翼が羽ばたくアニメーションをよりリアルに再現するため、関節表現を取り

もっとみる
Yusuke Nakaya

Yusuke Nakaya

信じられる？CSSだけで作られた世界

2017〜2018年にかけて制作した Only CSS 作品のオムニバスです。動画で紹介している作品はすべてコード付きで CodePen で公開しています。コレクションは今も、増え続けています。