Hover examples

Example #1 (Hover an Element and Affect Other Element)
Hover over this line or anywhere in the section below

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero eius accusantium assumenda, deleniti dicta, provident reiciendis facilis distinctio amet ab fuga corrupti! Atque et voluptatum voluptatibus ipsa exercitationem reiciendis animi!

I am affected

Sit amet consectetur adipisicing elit
Vero eius accusantium assumenda
Deleniti dicta provident reiciendis
Ipsa exercitationem reiciendis animi

Quasi porro necessitatibus quibusdam commodi accusamus dolores quisquam fugiat qui enim ut neque, nulla quis molestias deserunt. Placeat, delectus? Excepturi, voluptates inventore!

Example #2 (Hover on a div and affect the next div)
Hover in this section and you will see the next section is changing its background

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia mollitia repellendus at quam ullam praesentium deserunt enim incidunt totam excepturi fugit dignissimos suscipit eligendi nulla blanditiis nostrum, nisi quas temporibus?

I am affected
This section comes after the section called "codecanyon"

Deserunt enim incidunt totam excepturi fugit dignissimos suscipit eligendi nulla blanditiis nostrum, nisi quas temporibus.

Example #3 (Hover on a div and affect all paragraphs)
Hover anywhere on this blue dotted border, and you will see two paragraphs are changing their colors and font-weight.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Exercitationem hic, soluta aliquid labore neque ab consequuntur

sit amet consectetur adipisicing elitxercitationem hic soluta aliquid labore

Exercitationem hic, soluta aliquid labore neque ab consequuntur lorem ipsum dolor, sit amet consectetur adipisicing elit.

Elitxercitationem sit amet consectetur adipisicing hic soluta labore aliquid

Example #1 (Hover an Element and Affect Other Element)Hover over this line or anywhere in the section below

I am affected

Example #2 (Hover on a div and affect the next div)Hover in this section and you will see the next section is changing its background

I am affectedThis section comes after the section called "codecanyon"

Example #3 (Hover on a div and affect all paragraphs)Hover anywhere on this blue dotted border, and you will see two paragraphs are changing their colors and font-weight.

Example #1 (Hover an Element and Affect Other Element)
Hover over this line or anywhere in the section below

Example #2 (Hover on a div and affect the next div)
Hover in this section and you will see the next section is changing its background

I am affected
This section comes after the section called "codecanyon"

Example #3 (Hover on a div and affect all paragraphs)
Hover anywhere on this blue dotted border, and you will see two paragraphs are changing their colors and font-weight.