Skip to content
Submitted over 1 year ago

stats-preview-card-component

hameedmodibbo•110
@hameedmodibbo
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

I find doing the filter on that image difficult so i didn't do it please someone tell me how you do your own

Community feedback

  • christian cassas•80
    @ChriCassPosted over 1 year ago

    a linear-gradient could be useful for the filter ;) here an example using a variable: :root{ --linearGradient: linear-gradient(120deg , hsla(277, 98%, 20%, 0.568) 0% , hsla(277, 100%, 36%, 0.486) 100%) ; }

    .your_image_container{ background-image: var(--linearGradient) , url(./images/image-header-desktop.jpg) ; }

    Marked as helpful
    1
    hameedmodibbo•110
    @hameedmodibboPosted over 1 year ago

    @ChriCass Thanks bro

    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