CSS その他

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

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

img

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

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

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

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

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

-CSS, その他

関連記事

WEB制作に便利!CSS3ボタンジェネレーター3選

WEB制作に便利!CSS3ボタンジェネレーター3選

もちろん使わない派の方もいるかもしれませんが、私は便利なツールがあればどんどん使っちゃいます。 WEB制作の時短にもつながる便利なジェネレーターをご紹介します。   「CSS3 Button …

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

ホームページ制作を依頼するときに重要となる契約書の書き方は?トラブルを防ぐための記載内容を解説

ホームページ制作を依頼するときに重要となる契約書の書き方は?トラブルを防ぐための記載内容を解説

ホームページの制作を依頼するとき、「契約書は後回しでいいだろう」と考えていませんか?実は、多くの企業がこの段階でつまずき、想定外のコストや品質の不一致、著作権トラブルに直面しています。安心してホームペ …

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

簡単便利!30秒でできる!【photoshop】で線画を抽出する方法!

線画イラストの線画だけ抜き出したい!背景を透過したい!!・・・そんな時に役立つphotoshopの小技をご紹介します。   (1)まず、画像をphotoshopで開きます。 (2)メニューの …

Web・テレビ会議で背景やメイクを気にする方に必見!「Snap Camera」

Web・テレビ会議で背景やメイクを気にする方に必見!「Snap Camera」

こんにちは、デザイナーのAです。 前回「リモートワーク・テレワーク おススメツール5選」でご紹介したWeb・テレビ会議システム「zoom」や「skype」 在宅勤務でWeb会議のために、カメラに映りむ …