Use pseudo-class :checked to trigger a transition

Iaroslav Karandashev
A free video tutorial from Iaroslav Karandashev
Web Developer with 7+ years of experience
4.3 instructor rating • 4 courses • 3,268 students

Learn more from the full course

CSS Transitions 101 - Everything About CSS Transitions

Learn how to make you web site look smooth and perfect

33:17 of on-demand video • Updated

  • What is CSS Transitions
  • How to declare simple timing function
  • Declare complex timing functions
  • How to trigger a transition
English [Auto] So the last check it happens when a user marks a checkbox it can trigger a transition to. In this example I will make ripple effect for the block where the checkbox first I define the div element with glass agreement and inside of it. I define input checkbox next to this input I add. Label then I write some C assess for the declaration and now it is time to write to the class that should trigger a ripple effect transition. This transition has two parts background color and we when the checkbox is on the background color of the label should change to match the background of the whole block. We will increase and we will make ripple effect visible the transition for both properties can be changed in one shot and.