マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

CSS その他

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

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

img

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

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

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

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

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

-CSS, その他

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【写真加工チュートリアル】 ライバルと差をつけよう!心霊写真の作り方

【写真加工チュートリアル】 ライバルと差をつけよう!心霊写真の作り方

夏もそろそろ終わりに近づいてまいりました。 みなさん、バカンスはいかがでしたでしょうか。 たくさん撮ったであろう夏の思い出写真にちょっとしたアレンジを加えるだけで、友人をあっと言わせるテクニックをご紹 …

<WordPress>カスタムフィールドテンプレートのテキストエディター(TinyMCE Advanced)で プラグインの設定通り反映されないとき

知ってそうで知らないCSS3の便利な使い方【その2:属性セレクタ編】

前回構造疑似クラスについて便利な使い方をご紹介しましたが、 (知ってそうで知らないCSS3の便利な使い方【その1:構造疑似クラス編】) 今回はCSS3の属性セレクタをご紹介します。 E[foo] fo …

無料じゃない!「LINE電話」、試してみた。

無料じゃない!「LINE電話」、試してみた。

スマートフォンではおなじみの「LINE」で 3/17日にAndroid版が、5/2にiPhone版で「LINE電話」が封切りされた。 ここで疑問を持つ方が多いと思うのが「有料通話」ということ いままで …

リモートワーク・テレワーク おススメツール5選

新型コロナウイルスの対策として、リモートワーク・テレワークを導入する企業が増えています。 実際、弊社でもリモートワークに取り込んでおります。   リモートワーク・テレワークとは リモートワー …

【スタイル次第で変幻自在!】巷で話題のSVG3つのポイントご紹介

【スタイル次第で変幻自在!】巷で話題のSVG3つのポイントご紹介

「SVG」というイメージフォーマットをご存知でしょうか? SVG(Scalable Vector Graphics)とはIllustratorで制作されるような、ベクターデータをWEB上で表示すること …