CSS
CSS
  1. Animations & Transitions
    1. @keyframes
    2. <timing-function>
    3. animation
    4. animation-delay
    5. animation-direction
    6. animation-duration
    7. animation-fill-mode
    8. animation-iteration-count
    9. animation-name
    10. animation-play-state
    11. animation-timing-function
    12. CSS Animations
    13. CSS Animations: Detecting CSS animation support
    14. CSS Animations: Tips
    15. CSS Animations: Using CSS animations
    16. CSS Transitions
    17. CSS Transitions: Using CSS transitions
    18. cubic-bezier()
    19. ease
    20. ease-in
    21. ease-in-out
    22. ease-out
    23. left
    24. line-height
    25. linear
    26. right
    27. step-end
    28. step-start
    29. steps()
    30. top
    31. transition
    32. transition-delay
    33. transition-duration
    34. transition-property
    35. transition-timing-function
    36. vertical-align
    37. z-index
  2. Backgrounds & Borders
    1. <position>
    2. background
    3. background-attachment
    4. background-clip
    5. background-color
    6. background-image
    7. background-origin
    8. background-position
    9. background-position-x
    10. background-position-y
    11. background-repeat
    12. background-size
    13. border
    14. border-bottom
    15. border-bottom-color
    16. border-bottom-left-radius
    17. border-bottom-right-radius
    18. border-bottom-style
    19. border-bottom-width
    20. border-color
    21. border-image
    22. border-image-outset
    23. border-image-repeat
    24. border-image-slice
    25. border-image-source
    26. border-image-width
    27. border-left
    28. border-left-color
    29. border-left-style
    30. border-left-width
    31. border-radius
    32. border-right
    33. border-right-color
    34. border-right-style
    35. border-right-width
    36. border-style
    37. border-top
    38. border-top-color
    39. border-top-left-radius
    40. border-top-right-radius
    41. border-top-style
    42. border-top-width
    43. border-width
    44. box-shadow
    45. CSS Background and Borders
    46. CSS Background and Borders: Border-image generator
    47. CSS Background and Borders: Border-radius generator
    48. CSS Background and Borders: Scaling background images
    49. CSS Background and Borders: Using CSS multiple backgrounds
  3. Basic Box Model
    1. auto
    2. CSS Box Model
    3. float
    4. height
    5. margin
    6. margin-bottom
    7. margin-left
    8. margin-right
    9. margin-top
    10. overflow
    11. overflow-x
    12. overflow-y
    13. padding
    14. padding-bottom
    15. padding-left
    16. padding-right
    17. padding-top
    18. visibility
    19. width
  4. Basic User Interface
    1. :default
    2. :indeterminate
    3. :invalid
    4. :optional
    5. :required
    6. :valid
    7. appearance
    8. box-sizing
    9. caret-color
    10. CSS User Interface
    11. cursor
    12. outline
    13. outline-color
    14. outline-offset
    15. outline-style
    16. outline-width
    17. resize
    18. text-overflow
    19. user-select
  5. Box Alignment
    1. align-self
    2. justify-items
    3. justify-self
  6. Cascading & Inheritance
    1. all
    2. initial
    3. revert
    4. unset
  7. Color
    1. <color>
    2. color
    3. CSS Colors
    4. currentColor
    5. hsl()
    6. hsla()
    7. opacity
    8. rgb()
    9. rgba()
    10. transparent
  8. Compositing & Blending
    1. background-blend-mode
    2. blend-mode
    3. isolation
    4. mix-blend-mode
  9. Conditional Rules
    1. @supports
    2. At-rule
    3. CSS Conditional Rules
  10. Counter Styles
    1. @counter-style
    2. @counter-style.additive-symbols
    3. @counter-style.fallback
    4. @counter-style.negative
    5. @counter-style.pad
    6. @counter-style.prefix
    7. @counter-style.range
    8. @counter-style.speak-as
    9. @counter-style.suffix
    10. @counter-style.symbols
    11. @counter-style.system
  11. Device Adaptation
    1. @viewport
    2. @viewport.height
    3. @viewport.max-height
    4. @viewport.max-width
    5. @viewport.max-zoom
    6. @viewport.min-height
    7. @viewport.min-width
    8. @viewport.min-zoom
    9. @viewport.orientation
    10. @viewport.user-zoom
    11. @viewport.width
    12. @viewport.zoom
    13. CSS Device Adaptation
  12. Extensions
    1. -moz-appearance
    2. -moz-background-inline-policy
    3. -moz-binding
    4. -moz-border-bottom-colors
    5. -moz-border-image
    6. -moz-border-left-colors
    7. -moz-border-right-colors
    8. -moz-border-top-colors
    9. -moz-float-edge
    10. -moz-force-broken-image-icon
    11. -moz-image-rect
    12. -moz-image-region
    13. -moz-orient
    14. -moz-outline
    15. -moz-outline-radius
    16. -moz-outline-radius-bottomleft
    17. -moz-outline-radius-bottomright
    18. -moz-outline-radius-topleft
    19. -moz-outline-radius-topright
    20. -moz-outline-style
    21. -moz-outline-width
    22. -moz-stack-sizing
    23. -moz-text-blink
    24. -moz-user-focus
    25. -moz-user-input
    26. -moz-user-modify
    27. -moz-window-shadow
    28. -webkit-appearance
    29. -webkit-border-before
    30. -webkit-box-reflect
    31. -webkit-overflow-scrolling
    32. -webkit-tap-highlight-color
    33. -webkit-text-fill-color
    34. -webkit-text-stroke
    35. -webkit-text-stroke-color
    36. -webkit-text-stroke-width
    37. -webkit-touch-callout
    38. :-moz-full-screen-ancestor
    39. :-moz-placeholder
    40. :-moz-submit-invalid
    41. :-moz-tree-image
    42. :-moz-tree-twisty
    43. :-moz-ui-invalid
    44. :-moz-ui-valid
    45. ::-moz-placeholder
    46. ::-moz-progress-bar
    47. ::-moz-range-progress
    48. ::-moz-range-thumb
    49. ::-moz-range-track
    50. ::-webkit-input-placeholder
    51. ::-webkit-progress-bar
    52. ::-webkit-progress-inner-element
    53. ::-webkit-progress-value
    54. ::-webkit-slider-runnable-track
    55. ::-webkit-slider-thumb
  13. Filter Effects
    1. backdrop-filter
    2. filter
  14. Flexible Box Layout
    1. align-content
    2. align-items
    3. CSS Flexible Box Layout
    4. CSS Flexible Box Layout: Advanced layouts with flexbox
    5. CSS Flexible Box Layout: Using CSS flexible boxes
    6. CSS Flexible Box Layout: Using flexbox to lay out web applications
    7. display
    8. flex
    9. flex-basis
    10. flex-direction
    11. flex-flow
    12. flex-grow
    13. flex-shrink
    14. flex-wrap
    15. justify-content
    16. min-height
    17. min-width
    18. order
  15. Fonts
    1. @font-face
    2. @font-face.font-family
    3. @font-face.font-style
    4. @font-face.src
    5. @font-face.unicode-range
    6. @font-feature-values
    7. CSS Fonts
    8. font
    9. font-family
    10. font-feature-settings
    11. font-kerning
    12. font-language-override
    13. font-size
    14. font-size-adjust
    15. font-stretch
    16. font-style
    17. font-synthesis
    18. font-variant
    19. font-variant-alternates
    20. font-variant-caps
    21. font-variant-east-asian
    22. font-variant-ligatures
    23. font-variant-numeric
    24. font-variant-position
    25. font-variation-settings
    26. font-weight
  16. Fragmentation
    1. box-decoration-break
    2. break-after
    3. break-before
    4. break-inside
    5. orphans
    6. widows
  17. Fullscreen API
    1. ::backdrop
    2. :fullscreen
  18. Generated Content
    1. content
  19. Grid Layout
    1. CSS Grid
    2. CSS Grid Layout
    3. CSS Grid Layout: Auto-placement in CSS Grid Layout
    4. CSS Grid Layout: Basic Concepts of Grid Layout
    5. CSS Grid Layout: Box Alignment in CSS Grid Layout
    6. CSS Grid Layout: CSS Grid and Progressive Enhancement
    7. CSS Grid Layout: CSS Grid Layout and Accessibility
    8. CSS Grid Layout: CSS Grid, Logical Values and Writing Modes
    9. CSS Grid Layout: Grid Template Areas
    10. CSS Grid Layout: Layout using Named Grid Lines
    11. CSS Grid Layout: Line-based Placement with CSS Grid
    12. CSS Grid Layout: Realising common layouts using CSS Grid
    13. CSS Grid Layout: Realizing common layouts using CSS Grid Layout
    14. CSS Grid Layout: Relationship of Grid Layout
    15. fit-content
    16. flex value
    17. grid
    18. grid-area
    19. grid-auto-columns
    20. grid-auto-flow
    21. grid-auto-rows
    22. grid-column
    23. grid-column-end
    24. grid-column-gap
    25. grid-column-start
    26. grid-gap
    27. grid-row
    28. grid-row-end
    29. grid-row-gap
    30. grid-row-start
    31. grid-template
    32. grid-template-areas
    33. grid-template-columns
    34. grid-template-rows
    35. minmax
    36. repeat
  20. Image Values
    1. <gradient>
    2. <image>
    3. CSS Images
    4. CSS Images: Implementing image sprites in CSS
    5. CSS Images: Using CSS gradients
    6. element()
    7. image-orientation
    8. image-rendering
    9. linear-gradient()
    10. object-fit
    11. object-position
    12. radial-gradient()
    13. repeating-linear-gradient()
    14. repeating-radial-gradient()
  21. Index
    1. index
  22. Inline Layout
    1. initial-letter
    2. initial-letter-align
  23. Lists & Counters
    1. ::marker
    2. <counter>
    3. counter-increment
    4. counter-reset
    5. CSS Lists and Counters
    6. CSS Lists and Counters: Consistent list indentation
    7. CSS Lists and Counters: Using CSS counters
    8. custom-ident
    9. list-style
    10. list-style-image
    11. list-style-position
    12. list-style-type
  24. Logical Properties
    1. block-size
    2. border-block-end
    3. border-block-end-color
    4. border-block-end-style
    5. border-block-end-width
    6. border-block-start
    7. border-block-start-color
    8. border-block-start-style
    9. border-block-start-width
    10. border-inline-end
    11. border-inline-end-color
    12. border-inline-end-style
    13. border-inline-end-width
    14. border-inline-start
    15. border-inline-start-color
    16. border-inline-start-style
    17. border-inline-start-width
    18. CSS Logical Properties
    19. inline-size
    20. margin-block-end
    21. margin-block-start
    22. margin-inline-end
    23. margin-inline-start
    24. max-block-size
    25. max-inline-size
    26. min-block-size
    27. min-inline-size
    28. offset-block-end
    29. offset-block-start
    30. offset-inline-end
    31. offset-inline-start
    32. padding-block-end
    33. padding-block-start
    34. padding-inline-end
    35. padding-inline-start
  25. Masking
    1. clip
    2. mask-clip
    3. mask-composite
    4. mask-image
    5. mask-mode
    6. mask-origin
    7. mask-position
    8. mask-repeat
    9. mask-size
    10. mask-type
  26. Media Queries
    1. @import
    2. @media
    3. @media.any-hover
    4. @media.any-pointer
    5. @media.aspect-ratio
    6. @media.color
    7. @media.color-index
    8. @media.device-aspect-ratio
    9. @media.device-height
    10. @media.device-width
    11. @media.display-mode
    12. @media.grid
    13. @media.height
    14. @media.hover
    15. @media.inverted-colors
    16. @media.light-level
    17. @media.monochrome
    18. @media.orientation
    19. @media.overflow-block
    20. @media.overflow-inline
    21. @media.pointer
    22. @media.resolution
    23. @media.scan
    24. @media.scripting
    25. @media.update-frequency
    26. @media.width
    27. <ratio>
    28. <resolution>
    29. Media Queries
    30. Media Queries: Testing media queries
    31. Media Queries: Using media queries
  27. Miscellaneous
    1. @document
    2. @styleset
    3. Cascade
    4. Comments
    5. CSS animated properties
    6. CSS Box Model: Box-shadow generator
    7. CSS Colors: Color picker tool
    8. CSS Miscellaneous
    9. CSS Positioning: Understanding z index
    10. CSS Positioning: Understanding z index: The stacking context
    11. CSS Reference
    12. CSS Selectors: Using the :target pseudo-class in selectors
    13. CSS Types
    14. CSS User Interface: Using URL values for the cursor property
    15. ime-mode
    16. inheritance
    17. initial value
    18. Layout mode
    19. marker-offset
    20. overflow-clip-box
    21. Privacy and the :visited selector
    22. Pseudo-elements
    23. Replaced element
    24. resolved value
    25. scroll-snap-points-x
    26. scroll-snap-points-y
    27. scroll-snap-type-x
    28. scroll-snap-type-y
    29. Shorthand properties
    30. Specificity
    31. Syntax
    32. text-size-adjust
    33. touch-action
    34. used value
    35. Using CSS variables
    36. Using media queries from code
    37. Using URL values for the cursor property
    38. Visual formatting model
    39. will-change
  28. Miscellaneous Level 1
    1. box model
    2. clear
    3. CSS Box Model: Introduction to the CSS box model
    4. text-indent
    5. text-transform
    6. word-spacing
  29. Miscellaneous Level 2
    1. @charset
    2. <shape>
    3. actual value
    4. border-collapse
    5. border-spacing
    6. bottom
    7. caption-side
    8. computed value
    9. CSS Box Model: Mastering margin collapsing
    10. CSS Charsets
    11. CSS Generated Content
    12. CSS Table
    13. empty-cells
    14. margin collapsing
    15. max-height
    16. max-width
    17. quotes
    18. rect()
    19. specified value
    20. table-layout
  30. Motion Path
    1. offset
    2. offset-distance
    3. offset-path
    4. offset-rotate
  31. Multi-column Layout
    1. column-count
    2. column-fill
    3. column-gap
    4. column-rule
    5. column-rule-color
    6. column-rule-style
    7. column-rule-width
    8. column-span
    9. column-width
    10. columns
    11. CSS Columns
    12. CSS Columns: Using multi-column layouts
  32. Namespaces
    1. @namespace
    2. CSS Namespaces
  33. Object Model View
    1. CSSOM View
    2. scroll-behavior
  34. Paged Media
    1. :first
    2. :left
    3. :right
    4. @page
    5. @page.bleed
    6. @page.marks
    7. @page.size
    8. CSS Pages
    9. page-break-after
    10. page-break-before
    11. page-break-inside
  35. Positioned Layout
    1. CSS Positioning
    2. position
  36. Pseudo-Elements
    1. ::-ms-fill
    2. ::-ms-fill-lower
    3. ::-ms-fill-upper
    4. ::-ms-thumb
    5. ::-ms-track
    6. ::grammar-error
    7. ::placeholder
    8. ::selection
    9. ::spelling-error
  37. Ruby Layout
    1. CSS Ruby
    2. ruby-align
    3. ruby-position
  38. Scalable Vector Graphics
    1. clip-path
    2. CSS Masks
    3. letter-spacing
    4. mask
    5. pointer-events
    6. text-rendering
  39. Scroll Snap
    1. CSS Scroll Snap Points
    2. scroll-snap-coordinate
    3. scroll-snap-destination
    4. scroll-snap-type
  40. Selectors
    1. :-ms-input-placeholder
    2. ::after
    3. ::before
    4. ::first-letter
    5. ::first-line
    6. :active
    7. :any
    8. :any-link
    9. :checked
    10. :dir
    11. :disabled
    12. :empty
    13. :enabled
    14. :first-child
    15. :first-of-type
    16. :focus
    17. :focus-within
    18. :hover
    19. :in-range
    20. :lang
    21. :last-child
    22. :last-of-type
    23. :link
    24. :not
    25. :nth-child
    26. :nth-last-child
    27. :nth-last-of-type
    28. :nth-of-type
    29. :only-child
    30. :only-of-type
    31. :out-of-range
    32. :placeholder-shown
    33. :read-only
    34. :read-write
    35. :root
    36. :scope
    37. :target
    38. :visited
    39. Adjacent sibling selectors
    40. Attribute selectors
    41. Child selectors
    42. Class selectors
    43. CSS Selectors
    44. Descendant selectors
    45. General sibling selectors
    46. ID selectors
    47. Pseudo-classes
    48. Type selectors
    49. Universal selectors
  41. Shapes
    1. <basic-shape>
    2. CSS Shapes
    3. shape-box
    4. shape-image-threshold
    5. shape-margin
    6. shape-outside
  42. Text
    1. CSS Text
    2. hyphens
    3. line-break
    4. overflow-wrap
    5. tab-size
    6. text-align
    7. text-align-last
    8. white-space
    9. word-break
    10. word-wrap
  43. Text Decoration
    1. CSS Text Decoration
    2. text-decoration
    3. text-decoration-color
    4. text-decoration-line
    5. text-decoration-skip
    6. text-decoration-style
    7. text-emphasis
    8. text-emphasis-color
    9. text-emphasis-position
    10. text-emphasis-style
    11. text-shadow
    12. text-underline-position
  44. Transforms
    1. backface-visibility
    2. CSS Transforms
    3. CSS Transforms: Using CSS transforms
    4. matrix()
    5. matrix3d()
    6. perspective
    7. perspective-origin
    8. perspective()
    9. rotate()
    10. rotate3d()
    11. rotateX()
    12. rotateY()
    13. rotateZ()
    14. scale()
    15. scale3d()
    16. scaleX()
    17. scaleY()
    18. scaleZ()
    19. skew()
    20. skewX()
    21. skewY()
    22. transform
    23. transform-box
    24. transform-function()
    25. transform-origin
    26. transform-style
    27. translate()
    28. translate3d()
    29. translateX()
    30. translateY()
    31. translateZ()
  45. Values & Units
    1. <angle>
    2. <frequency>
    3. <integer>
    4. <length>
    5. <number>
    6. <percentage>
    7. <string>
    8. <time>
    9. <uri>
    10. attr()
    11. calc()
    12. inherit
    13. url
    14. url()
    15. Value definition syntax
  46. Variables
    1. --*
    2. var()
  47. Writing Modes
    1. CSS Writing Modes
    2. direction
    3. text-combine-upright
    4. text-orientation
    5. unicode-bidi
    6. writing-mode
  • 请登录查看
字典 我要纠错

mix-blend-mode

mix-blend-mode

The mix-blend-mode CSS property describes how an element's content should blend with the content of the element's direct parent and the element's background.

Initial value normal
Applies to all HTML elements
Inherited no
Media visual
Computed value as specified
Animation type discrete
Canonical order the unique non-ambiguous order defined by the formal grammar
Creates 登录查看完整内容