okemori

  • Twitter
Graphic/Web designer

Works

12/14:CSSとhtmlでドット絵マリオ

◆CSSとhtmlでドット絵マリオ 16x16のセルの中身を塗りつぶしていく方法でドット絵のマリオを書いてみました! 応用してもう一個ちがうポーズのドット絵マリオtableを用意して、 ホバー時にクラスを切り替える事でアニメーションしてるっぽく見せたりできたらもっと楽しいかな~って思いました! ▼ドット絵の正方形の比を保ったまま左右中央に配置、可変するようにするために参考にしたリンク http://jp.techerald.com/page/usar-css-y-tal-vez-javascript-para-ser-un-elemento-cuadrado-o-mantener-una-relacin-de-aspecto-especfico.html ご閲覧有難う御座います!

  • 2793
  • 0

12/13:パチスロのボタン_02

◆12/13:パチスロのボタン_02 パチスロのボタン_01に引き続き2パターン目を作成致しました。(下記1パターン目) http://jsdo.it/okemori/29sy オン、オフするよりa:activeで押した瞬間だけ色が変わる方が自然だと思い 押した瞬間だけボタンの色が暗くなるようにだけ修正致しました。 光彩結構気に入っていたのですが、 active時に光彩が取れなくてどうしようもなかったのでとっぱらってしまいました! 引き続き課題として、 縦幅を狭くしたときにレイアウトがくずれてしまう事と 横幅を広くして縦幅を狭くしたときにレイアウトが崩れてしまうがあげられるかと思います。 どう配置の指定をするのがベストなのか… アドバイス等御座いましたら 是非ご教授いただけると幸いです! ご閲覧有頂き有難うございます!

  • 1817
  • 0

マウスホバーでサムネイルのキャプションがスライド

###マウスホバーでサムネイルのキャプションがスライド

CSS3のTransitionを使ってキャプションがスライドするギミックを作りました。

  • 957
  • 0

時系列のようなもの

  • 518
  • 0

せんたりんぐ

  • 390
  • 0

背景をアニメーション+ぼかしでポップアップするやつ

▼参考 http://css-tricks.com/receding-background-modal-boxes/ http://labs.voronianski.com/jquery.avgrund.js/

  • 2915
  • 2

The CSS3 color set (Toggle menu demo)

  • 2409
  • 0

Skills

  • Photoshop
  • Flash
  • Illustrator
  • jQuery
  • HTML5
  • CSS
  • CSS3

Hot tags

Categories

HTML / CSS / JavaScript