Hey! Do you have any query related to front end?

Sign in Sign up

Css3 image blending like photoshopBack

CSS3 blend mode is an awesome feature, which blends two background simultaneously like Photoshop blending and gives us a nice cool image effect.

CSS3 property that deals:

background-blend-mode: Blend mode property;

Number of modes:

There are 15 blend modes:

  1. Normal
  2. Multiply
  3. Screen
  4. Overlay
  5. Darken
  6. Lighten
  7. Color-dodge
  8. Hard-light
  9. Soft-light
  10. Difference
  11. Exclusion
  12. Hue
  13. Saturation
  14. Color
  15. Luminosity

All these blend mode change pixels according to colors inside background images.

How to comment:

  • Create an account in discuss by clicking on login next to arrow.
  • Create password for discuss and varify your email id, through your mail.
  • Refresh page and comment.

You might also like

  • Copy text to clipboard

    Copy text from browser to your clipboard and paste as per your requirement.

    • 216
    • 2
    • 216
    • facebook icon
    • twitter icon
    • google plus
  • Single slide respo slider plugin

    Simple jQuery content slider plugin

    • 421
    • 30
    • 421
    • facebook icon
    • twitter icon
    • google plus
  • Hanging menu on window scroll

    After scrolling window beyond menu height, a floating bar appears at the top having same menu inside it.

    • 279
    • 12
    • 279
    • facebook icon
    • twitter icon
    • google plus

Latest quries posted

gopa kumarabout 3 years ago

amit singhabout 3 years ago

rahmat aliabout 3 years ago

mandavi tiwariabout 3 years ago

rahul sharmaabout 3 years ago

Ask question
Latest video
Learn Angular
Profile pic
Guest Back