CSSのコピペだけで美しいアニメーションが実装できる「 CSS Wand」

アニメーションの数は少ないけど、コピペするだけと非常に手軽に実装できるのでご紹介します。

◆ CSSのコピペだけで美しいアニメーションが実装できる「 CSS Wand」
https://www.csswand.dev/

紹介

現実点ではこの10個しかありませんが、どれも美しいアニメーションです。

少しリッチなローディングは

このcssをコピペするだけで実装できます。

Macのパスワード入力間違えで使われる左右へのスイングも

少し長いこのCSSだけで実装できます。

サクッと簡単なアニメーションを導入したいときに使えるチートシートとして試してみてください。

◆ CSSのコピペだけで美しいアニメーションが実装できる「 CSS Wand」
https://www.csswand.dev/

新着ピック  






















新着ニュース

テスラが「意図しない加速」の訴えは「まったくの虚偽」と主張 | TechCrunch Japan

繊細な処理が可能なロボットの「手」を開発するSoft Roboticsが大手FANUCと提携、約25億円調達 | TechCrunch Japan

9月発売の次期iPhone、筐体デザインは同じで背面カメラの数が違うだけ?

大規模VCファンドが小粒のラウンドに参加するという2020年の逆説 | TechCrunch Japan

Google、インドの通信事業最大手Airtelとの提携で「G Suite」をSMBに提供

API Gateway + Web Socket で Auth0 の認証をするカスタムオーソライザーをつくってみた | Developers.IO

API Gateway + Web Socket で ...

DevelopersIO / 2時間前


ハイテク業界の醜悪な真実を明らかにしたTechCrunch2019年調査レポートトップ10 | TechCrunch Japan

GoogleとAlphabetのCEO、ピチャイ氏「AIの法による規制が必要」

 NTTドコモ、飲食店向け店内モバイルオーダーシステム「EasyEat」の提供開始

中国人客の間で日本の「カプセルホテル」が熱い!? 春節直前にデータ分析

高さ1ミリのダビデ像を精密3Dプリント

InstagramがついにTikTokに敗北を認める | TechCrunch Japan

「不要なシーン」を音で予測 動画編集を効率化する「Listen to Look」、Facebookなど開発

通信インフラの監視やコーディングも自動化 情報・通信業界のAI活用

ソニーが8Kテレビを日本でも発売へ 完全ワイヤレスイヤフォンへの投資も強化

「寂しい、つらい、でも優しい」──「メタルギア」の小島秀夫さんが手掛けた「デス・ストランディング」はどんなゲーム? 漫画でレビュー

なぜ今も繰り返される? 販売店での「オプションのベタ付け」問題

激速ブードの夢へ——PCIe 4.0対応のM.2 SSD×4本挿しカードが登場

Pythonモジュールpyodbcでのfetch処理 | Developers.IO

ひろゆき流「職場に振り回されないメンタル術」 ムカつく上司、バカな同僚は“動物”だと思え!

もっと見る
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。