contrast()
Quick Summary for contrast()
The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.
Code Usage for contrast()
contrast(amount) 
More Details for contrast()

contrast()

The contrast() CSS function adjusts the contrast of the input image. Its result is a <filter-function>.

Syntax

contrast(amount) 

Parameters

amount

The contrast of the result, specified as a <number> or a <percentage>. A value under 100% decreases the contrast, while a value over 100% increases it. A value of 0% will create an image that is completely gray, while a value of 100% leaves the input unchanged. The lacuna value for interpolation is 1.

Examples

Setting contrast using numbers and percentages

contrast(0)     /* Completely gray */ contrast(65%)   /* 65% contrast */ contrast(1)     /* No effect */ contrast(200%)  /* Double contrast */ 

Specifications

Specification
Filter Effects Module Level 2 # funcdef-filter-contrast

See also

<filter-function> blur() brightness() drop-shadow() grayscale() hue-rotate() invert() opacity() saturate() sepia()

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Categories in CSS
css
Search CSS
Search CSS by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
The happiest People don't have the best of everything, they just make the best of everything.
Unknown
Random CSS Property

@font-feature-values

The @font-feature-values CSS at-rule lets you use a common name in the font-variant-alternates property for features activated differently in OpenType. This can help simplify your CSS when using multiple fonts.
@ornaments css reference