Clearleft
  • Case studies
  • Services
  • About
  • Posts
  • Events
  • Contact

Primary Navigation

  • Case studies
  • Services
  • About
  • Posts
  • Events
  • Contact

What we think

Creating a toggle feature using :checked pseudo class.

Recently I became familiar with :checked, a pseudo class which allows you to dynamically change the CSS of an element based on it’s state. Using :checked and :not (the negation pseudo class), I built a tooltip toggle feature. I think it’s a pretty awesome use of pseudo classes, so I’m going to share it.

By Charlotte Jackson

10 March 2015

Post

Authentication

Post

Workplace topology

Post

Less JavaScript

Clearleft
  • The team
  • Join us
  • Hire us
  • Privacy
  • Equal opportunities
  • 68 Middle Street Brighton BN1 1AL United Kingdom
  • +44 (0)845 838 6163
  • info@clearleft.com

Copyright © 2005‑Now Clearleft Ltd. All Rights Reserved.