Picking the Right cursor

Picking the right cursor is very important. This text needs to be read unobstructed. So, the cursor cannot make its way in here. One of the buttons below is disabled (greyed out) and the cursor shows the same.

Click Me Disabled

Extended clickable area

The image below has a bigger hover area with a hand pointer

A huge elephant

Custom checkboxes

De-emphasize by Dimming

De-emphasize by Blurring

This text is going to be de-emphasized by the modal window that is going to be placed in the pseudo element. This is a convenient way without extra html.This text is going to be de-emphasized by the modal window that is going to be placed in the pseudo element. This is a convenient way without extra html.This text is going to be de-emphasized by the modal window that is going to be placed in the pseudo element. This is a convenient way without extra html.This text is going to be de-emphasized by the modal window that is going to be placed in the pseudo element. This is a convenient way without extra html.This text is going to be de-emphasized by the modal window that is going to be placed in the pseudo element. This is a convenient way without extra html.

This is the important text that needs to be placed on top.

Scrolling Hints

  • Australia
  • Angola
  • Bahrain
  • Bermuda
  • Egypt
  • France
  • Germany

Interactive Image Comparison

Drag the slider at the bottom to compare the two pictures

Red Background
Black Background