マーカーネット株式会社

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

CSS その他

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

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

img

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

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

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

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

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

-CSS, その他

執筆者:


comment

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

関連記事

在宅勤務でWeb会議のために、カメラに映りむ背景を気にしたり、メイクを整えたりするのが大変!…という方におススメなツールをご紹介。

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

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

データベース(MySQL)の日付操作について

データベース(MySQL)で普段よく使いますが、 なかなか覚えられない、日付の操作のSQLについて書きます。 以下のようなニュースのテーブルが存在します。 CREATE TABLE IF NOT EX …

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

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

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

【やらなきゃよかった!?】高額なリスティング対策で大失敗しがちな考え方

リスティング広告は検索結果画面に表示される広告です。 検索した時に上位を独占する風景はみなさんも一度は見たことがあると思います。 このように目立つ位置に表示されていますね。 このリスティング広告、プリ …

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

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

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