【重要】サービス終了のお知らせ

Works

CSSによる丸形ボタンデザイン

CSSによるボタンデザインです。 ------------------------------------------------- ■確認ブラウザ Mac版のChrome / Safari / Firefox / Operaで確認しています。 各ブラウザでの問題点は下記の通りです。 ◆Safari :hover時の色変更アニメーションにtransitionの設定が(何故か)効かないため、マウスオーバーするとすぐに色が変わる。 JS使用すれば解決ができそう。 ◆Firefox テキストにmask-imageプロパティが効かないため、テキストが単色でのっぺりしている。 -------------------------------------------------

  • 4928
  • 11

canvasでファミコンのコントローラ描画

canvasでファミコンのコントローラを描画しています。 ------------------------------------------------- ■使用図形 円、角丸矩形、角丸十字型、角丸L字型、矢印型 の5種類です。 このうち、円、角丸矩形以外の図形はそれぞれ新規に関数を作成しています。 円は標準のarcメソッド、角丸矩形描画については下記URLのものを使用。 http://paulownia.hatenablog.com/entry/20080408/1207673827 ■マウスイベント JSにてmousemove、mousedown、mouseupイベントを感知しています。 各ボタンがマウスオーバーされた場合にマウスカーソルを変更し、 各ボタンがクリックされた場合に、押下ボタンの情報をコンソールに出力しています。 同時に、(分かり難いですが)ボタンのドロップシャドウも変化させています。 ■確認ブラウザ Mac版のChrome / Safari / Firefox / Operaで確認しています。

  • 2511
  • 9

Skills

Hot tags

Categories

HTML / CSS / JavaScript