Skip to content
Submitted about 2 years ago

Responsive business stats site

Konstantin Christ•450
@Konstantinchrist
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi guys, I hope you're doing great. I just wanted to know if my solution for the purple opacity image thing are valid or if there are better solutions. Thanks for the support :).

Konstantin

Community feedback

  • VincenzoMuolo•180
    @VincenzoMuoloPosted about 2 years ago

    Hi there! I had the same issue, @correlucas helped me with this solution!

    img {

    mix-blend-mode: multiply;

    opacity: 80%;

    }

    Underneath the img you put the background with the purple color and then let mix-blend-mode do the magic. Source

    For the other request i don't understand what you mean.

    Hope to have been helpful! Cheers

    0
  • Konstantin Christ•450
    @KonstantinchristPosted about 2 years ago

    Also I didn't know how to edit so soecific words so it'd be helpful if someone knows that :)

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord