2022年10月28日(金)
マウスの動きに応じて輝くホログラフを実装できる・「pokemon-cards-css」
pokemon-cards-css
pokemon-cards-cssはマウスの動きに応じて輝くホログラフを実装できるスタイルシートです。名前の通りでポケモンのトレカのホログラフを再現したものになります。と言っても自分自身でポケモンカードを見たことが無いので再現出来ているかは分かりません・・ビ、ビックリマンシールなら分かるんですが。
各レアに応じたそれぞれのエフェクトが用意されているみたいです。カスタムデータ属性で判断されるのでエフェクトの変更も楽そうです。トレカに有りがちなエフェクトですが他のカード系ゲームアプリコンテンツなどにも流用できそうですね。
pokemon-cards-css
0
4
3
4
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
‹ PREV
デザインのアイデア出しに困った時に！ キーワードからデザイン要素やテクニックに展開させるデザイン書 -ひらめきデザインひき出し帖
NEXT ›
インサイドセールスツールを徹底比較！上手なツールの選び方も解説
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『マウスの動きに応じて輝くホログラフを実装できる・「pokemon-cards-css」』についてまとめています。
この記事は特にアプリについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
