CSS3: Blurry menu

FumioNonaka

License: MIT License

Fork
1
Fav
0
View
2932
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 14 lines
  • CSS 71 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
03「選択項目以外がぼけるメニュー
項目を並べたメニューの作例。マウスポインタをメニュー項目に重ねると、他の項目のテキストがぼける。また、ポインタを重ねたメニュー項目は浮き上がらせたり、マウスボタンを押すと凹むようにアニメーションさせた。


This code reconstructs and simlifies "Blurry Menu". No JavaScript code is used to it.

  • CSS3: Blurry menu
  • CSS3: Blurry menu

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Forked

sort by