{"id":90,"date":"2010-12-08T01:24:30","date_gmt":"2010-12-08T01:24:30","guid":{"rendered":"http:\/\/psd2htmlconverter.com\/en\/wordpress\/?p=90"},"modified":"2016-01-20T19:51:26","modified_gmt":"2016-01-20T19:51:26","slug":"photoshop-blending-modes-and-css","status":"publish","type":"post","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/","title":{"rendered":"Photoshop blending modes and CSS"},"content":{"rendered":"<p>Photoshop offers different color blending modes for layers. Here is an important note on how you should use it.<!--more--><\/p>\n<p>For the <a title=\"Psd 2 HTML Conversion\" href=\"http:\/\/psd2htmlconverter.com\/en\/\">Psd to Html Conversion<\/a> service you should use only &#8216;Normal&#8217; blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than &#8216;Normal&#8217; then, please, merge such layers with the layers underneath them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photoshop offers different color blending modes for layers. Here is an important note on how you should use it.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-90","post","type-post","status-publish","format-standard","hentry","category-all"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only &#039;Normal&#039; blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than &#039;Normal&#039; then, please, merge\" \/>\n\t<meta name=\"robots\" content=\"max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"Alex\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta property=\"og:description\" content=\"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only &#039;Normal&#039; blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than &#039;Normal&#039; then, please, merge\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2010-12-08T01:24:30+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-01-20T19:51:26+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only &#039;Normal&#039; blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than &#039;Normal&#039; then, please, merge\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#article\",\"name\":\"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"headline\":\"Photoshop blending modes and CSS\",\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"},\"datePublished\":\"2010-12-08T01:24:30+00:00\",\"dateModified\":\"2016-01-20T19:51:26+00:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#webpage\"},\"articleSection\":\"All\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"position\":2,\"name\":\"All\",\"item\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#listItem\",\"name\":\"Photoshop blending modes and CSS\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#listItem\",\"position\":3,\"name\":\"Photoshop blending modes and CSS\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/category\\\/all\\\/#listItem\",\"name\":\"All\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/\",\"name\":\"Alex\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Alex\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/\",\"name\":\"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only 'Normal' blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than 'Normal' then, please, merge\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/2010\\\/12\\\/08\\\/photoshop-blending-modes-and-css\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/author\\\/alex\\\/#author\"},\"datePublished\":\"2010-12-08T01:24:30+00:00\",\"dateModified\":\"2016-01-20T19:51:26+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/\",\"name\":\"Blog about automated Photoshop to HTML\\\/CSS conversion\",\"description\":\"Blog of Psd 2 Html Converter developers\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.psd2htmlconverter.com\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion","description":"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only 'Normal' blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than 'Normal' then, please, merge","canonical_url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/","robots":"max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#article","name":"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion","headline":"Photoshop blending modes and CSS","author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"},"datePublished":"2010-12-08T01:24:30+00:00","dateModified":"2016-01-20T19:51:26+00:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#webpage"},"articleSection":"All"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","position":1,"name":"Home","item":"https:\/\/blog.psd2htmlconverter.com\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","position":2,"name":"All","item":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#listItem","name":"Photoshop blending modes and CSS"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#listItem","position":3,"name":"Photoshop blending modes and CSS","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/#listItem","name":"All"}}]},{"@type":"Organization","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","url":"https:\/\/blog.psd2htmlconverter.com\/en\/"},{"@type":"Person","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author","url":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/","name":"Alex","image":{"@type":"ImageObject","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f6116c23917d8b63930c77aa8efb6f4e9ac316b3f56904aacfd5ab3e7432fcae?s=96&d=mm&r=g","width":96,"height":96,"caption":"Alex"}},{"@type":"WebPage","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#webpage","url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/","name":"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion","description":"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only 'Normal' blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than 'Normal' then, please, merge","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website"},"breadcrumb":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"creator":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/author\/alex\/#author"},"datePublished":"2010-12-08T01:24:30+00:00","dateModified":"2016-01-20T19:51:26+00:00"},{"@type":"WebSite","@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#website","url":"https:\/\/blog.psd2htmlconverter.com\/en\/","name":"Blog about automated Photoshop to HTML\/CSS conversion","description":"Blog of Psd 2 Html Converter developers","inLanguage":"en-US","publisher":{"@id":"https:\/\/blog.psd2htmlconverter.com\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Blog about automated Photoshop to HTML\/CSS conversion | Blog of Psd 2 Html Converter developers","og:type":"article","og:title":"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion","og:description":"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only 'Normal' blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than 'Normal' then, please, merge","og:url":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/","article:published_time":"2010-12-08T01:24:30+00:00","article:modified_time":"2016-01-20T19:51:26+00:00","twitter:card":"summary_large_image","twitter:title":"Photoshop blending modes and CSS | Blog about automated Photoshop to HTML\/CSS conversion","twitter:description":"Photoshop offers different color blending modes for layers. Here is an important note on how you should use it. For the Psd to Html Conversion service you should use only 'Normal' blending mode. HTML and CSS simply do not support other blending modes. If your design uses blending modes other than 'Normal' then, please, merge"},"aioseo_meta_data":{"post_id":"90","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-02-08 12:06:48","updated":"2025-06-04 00:19:58","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/\" title=\"All\">All<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tPhotoshop blending modes and CSS\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/blog.psd2htmlconverter.com\/en"},{"label":"All","link":"https:\/\/blog.psd2htmlconverter.com\/en\/category\/all\/"},{"label":"Photoshop blending modes and CSS","link":"https:\/\/blog.psd2htmlconverter.com\/en\/2010\/12\/08\/photoshop-blending-modes-and-css\/"}],"_links":{"self":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":5,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/90\/revisions"}],"predecessor-version":[{"id":420,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/posts\/90\/revisions\/420"}],"wp:attachment":[{"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/media?parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/categories?post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.psd2htmlconverter.com\/en\/wp-json\/wp\/v2\/tags?post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}