CSS3: Toggle Switch

FumioNonaka

License: MIT License

Fork
1
Fav
0
View
1772
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 0 lines
  • HTML 5 lines
  • CSS 80 lines

gihyo.jp連載「CSS3アニメーションでつくるインターフェイス表現」
第20回「トグルスイッチのアニメーション
動きそのものはあまり凝りようのないトグルスイッチでも、視覚的な表現には工夫が加えられる。アニメーションの動きより、陰影やグラデーションなどの組み合わせが鍵だ。


This example is created based on "switch", and revises, simplifies its HTML and CSS code. No JavaScript code is used to it.

  • CSS3: Toggle Switch
  • CSS3: Toggle 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