CSS3: Lamp with switch

FumioNonaka

License: MIT License

Fork
0
Fav
3
View
1595
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 9 lines
  • CSS 110 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
第13回「電灯をつけたり消したりする


Turning on and off the lamp by the button.

This example is created based on "lamp" and "CSS3 Checkbox Styles", and simplifys their CSS code. No JavaScript code is used to them.

  • CSS3: Lamp with switch
  • CSS3: Lamp with switch

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

Favorite by