Skip to content
Submitted over 2 years ago

Stats preview card component - SCSS

Luciano Lima•1,290
@LucianoDLima
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 have no idea how to replicate the overlay color on top of the black and white image provided

Community feedback

  • Danilo Arcidiacono•120
    @daniloarcidiaconoPosted over 2 years ago

    Didn't try this challenge yet, but I can think of two ways to tint the image with CSS:

    1. Using a suitable combination of filters (see https://codepen.io/sosuke/pen/Pjoqqp);

    2. Applying an overlay (with position absolute/relative) with a semi-transparent background color;

    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