CSS3's filter property flashcards!



Question

What does the blur filter do?


Answer

This filter combines groups of pixels together in a way that produces an effect that blurs the image. The value used is the number of pixels to be blurred together. The higher the number, the greater the blur.

Question

What does the opacity filter do?


Answer

This functions the same as the opacity property. A value of 100% is fully opaque, and 0% is fully transparent. Everything in between is varying degrees of semi-transparent.

Question

What does the brightness filter do?


Answer

How bright an image is can be lightened or darkened. A value of 100% is the image's default value. Anything lower will darken the image, and anything over 100% will lighten the image.

Question

What does the contrast filter do?


Answer

The amount of contrast in the image can be increased or decreased. A value of 100% is the image's default value. Anything lower will lower the contrast, and anything over 100% will increase the contrast.

Question

What does the saturation filter do?


Answer

The saturation of the image's colors will be increased or decreased. A value of 100% is the image's default value. Anything lower will desaturate the colors, and anything over 100% will exaggerate the color saturation.

Question

What does the grayscale filter do?


Answer

An increase in this value alters the image toward a grayscale palette. A value of 0% will have no effect, and will transition up until complete grayscale at 100%.

Question

What does the sepia filter do?


Answer

An increase in this value alters the image toward a sepia tone color palette. A value of 0% will have no effect, and will transition up until a complete sepia tone palette at 100%.

Question

What does the invert filter do?


Answer

This filter adjusts the image to give it an inverted color palette. A value of 0% will have no effect, and 100% will result in opposite colors.