By drupalhero |
Drupal8 W3CSS Theme - Effect Classes

Most HTML tags have browser inherited styles associated with them. These default styles are actually defined by the Web browser developer. Because the browser developer has added them, you need to remember that they are there and will affect your design. For example, the tag will italicize text on most browsers. No cosmic constant dictates that emphasized text is italicized; it’s just that the guys and gals programming the browser software decided to do it that way. The good news is that you can use CSS to override the browser styles. For the most part, default styles are consistent from browser to browser, although some noticeable differences exist, especially with margins and font size. Many designers will start “from scratch” by resetting as many of the defaults as possible using a CSS reset.

German: ä, ö, Hunagrian: ő, ű; Slovak: č, ž."

Class Defines
w3-opacity Adds opacity/transparency to an element (opacity: 0.6)
  Add opacity/transparency to text
w3-opacity-off Turns off opacity/transparency (opacity: 1)
w3-opacity-min Adds opacity/transparency to an element (opacity: 0.75)
w3-opacity-max Adds opacity/transparency to an element (opacity: 0.25)
w3-grayscale-min Adds a grayscale effect to an element (grayscale: 50%)
w3-grayscale Adds a grayscale effect to an element (grayscale: 75%)
w3-grayscale-max Adds a grayscale effect to an element (grayscale: 100%)
w3-sepia-min Adds a sepia effect to an element (sepia: 50%)
w3-sepia Adds a sepia effect to an element (sepia: 75%)
w3-sepia-max Adds a sepia effect to an element (sepia: 100%)
w3-overlay Creates an overlay effect

Comments