CSS その他

【css技術】CSSだけで生成された歴代Appleのマウスがスゴい

投稿日:2013年10月22日 更新日:

img

css3の普及で、画像を使わなくとも
ボタンで使用する様なグラーデーションや形など、
様々な表現を実現することができるようになってきました。

こうした機能も、上手く使いこなせるようになれば
こんなことだって出来てしまうんですね!

http://codepen.io/joshbader/details/fKjra

なんとcssだけで歴代のAppleのマウスが形作られています。
これは・・・スゴい!

こうした技術の開発はどんどん進んでいますので
時代を追うごとに、より多彩な表現が可能になっていくのでしょうね。
近い未来が楽しみです。

-CSS, その他

関連記事

コーディングに役立つCSS擬似クラス

コーディングに役立つCSS擬似クラス

こんにちは、コーダーのTです! CSSセレクターは、HTML文書内の特定の要素を選択するために使用されます。 擬似クラス (pseudo-classes) は、セレクターに付加するキーワードであり、特 …

AI検索の最前線!Perplexity(パープレクシティ)とは何か?

AI検索の最前線!Perplexity(パープレクシティ)とは何か?

こんにちは、ディレクターMです! みなさん、「Perplexity(パープレクシティ)」って知っていますか?もし、ChatGPTのようなAIと会話している時に、いろんな意見や最新情報が必要になったこと …

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

ウェブ上学習プログラム「Dash」!ブラウザでWEB制作(HTML, CSS, JavaScript)の基礎を学べ

この「Dash」と呼ばれるプログラムはGeneral Assemblyが起業家などを育てる教育分野に転身したのをきっかけにもともと自社内の教育ツールとして開発されたものだったらしいのですが、評判が良か …

【リスティング担当者必見】クリック率をあげるには?“都会の路地裏作戦”がオススメ!

【リスティング担当者必見】クリック率をあげるには?“都会の路地裏作戦”がオススメ!

ビッグワードはコストがかかるし競争率が激しい…。 インプレッション(表示回数)は増えたけれど、クリック率があがらない…。 WEB制作の会社ならば、もはや必須の知識ともいえるリスティング広告。 そんなリ …

CSSカラーコードを16進数からRGBに変えた理由

CSSカラーコードを16進数からRGBに変えた理由

最近コーディングをする際、特にスマフォサイトの場合は特に スタイルシートのカラーコードを16進数ではなくRGBで記述する事が増えました。 私がカラーコードにRGBを使う様になった最大の理由がRGBの場 …