Alexg77 Posted December 20, 2020 Share Posted December 20, 2020 (edited) How can I create a colored blend mode as a hover effect for my summary block thumbnail images? So I'm essentially trying to create the "multiply" or "screen" blend mode effect (from photoshop) where each image is blended with a background color, in this instance using hex #1E1E24 to blend with images on static state. And then on hover I want the blend mode to ease out/ disappear. I've found a few CSS snippets to apply the multiply blend mode to an individual image, but I can't seem to figure it out for all the thumbnail images on a summary block. Thanks! Edited December 20, 2020 by Alexg77 clarifying question Beyondspace 1 Link to comment
Beyondspace Posted December 21, 2020 Share Posted December 21, 2020 7 hours ago, Alexg77 said: How can I create a colored blend mode as a hover effect for my summary block thumbnail images? So I'm essentially trying to create the "multiply" or "screen" blend mode effect (from photoshop) where each image is blended with a background color, in this instance using hex #1E1E24 to blend with images on static state. And then on hover I want the blend mode to ease out/ disappear. I've found a few CSS snippets to apply the multiply blend mode to an individual image, but I can't seem to figure it out for all the thumbnail images on a summary block. Thanks! Kindly share your overlay color and site url so we can check for a solution Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Alexg77 Posted December 21, 2020 Author Share Posted December 21, 2020 Thanks @bangank36! Current site: https://apple-drum-7nk8.squarespace.com/ // password: p3akt3ch Trying to get an overlay color of #1E1E24 to blend with those blog thumbnails currently in the middle of the page. I can get them to greyscale, but not sure how to create other filters/ blend modes Beyondspace 1 Link to comment
Beyondspace Posted December 22, 2020 Share Posted December 22, 2020 4 hours ago, Alexg77 said: Thanks @bangank36! Current site: https://apple-drum-7nk8.squarespace.com/ // password: p3akt3ch Trying to get an overlay color of #1E1E24 to blend with those blog thumbnails currently in the middle of the page. I can get them to greyscale, but not sure how to create other filters/ blend modes have you find the way Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment