Skip to content

challenge-3.md

Latest commit

 

History

History
27 lines (19 loc) · 1.03 KB

challenge-3.md

File metadata and controls

27 lines (19 loc) · 1.03 KB
Raw

Toggle

Now it's time to play a little bit more with css and now mixed with Semantic HTML.

In this challenge you'll have to implement a toggle input only with HTML and CSS

What is Toggle?

You may know it as switch or boolean input, that 'yes or now' clickable inputs, you can checkout a little in here

What you'll use

  • Siblings selectors
  • Pseudo selectors
  • Transition

Rules

Use only HTML and CSS. To be easer you can use checkbox input.

Requirements

Is desirable that:

  • The toggle goes from one side to another when clicked/changed value
  • The toggle change color when value changed
  • Transitions, color and place, must be smooth
  • Respect HTML Semantics

You can checkout the exemplate i've done atCodePen