change svg color in pseudo element

Rafvs answered on May 7, 2021 Popularity 6/10 Helpfulness 2/10

answer change svg color in pseudo element

change svg color in pseudo element

Comment

p:after {
  width: 48px;
  height: 48px;
  display: inline-block;
  content: '';
  -webkit-mask: url(https://gist.githubusercontent.com/mmathys/fbbfbc171233a30e478ad5b87ec4f5d8/raw/cd9219e336b8f3b85579015bdce9665def091bb8/heart.svg) no-repeat 50% 50%;
  mask: url(https://gist.githubusercontent.com/mmathys/fbbfbc171233a30e478ad5b87ec4f5d8/raw/cd9219e336b8f3b85579015bdce9665def091bb8/heart.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.red:after {
  background-color: red;
}

.green:after {
  background-color: green;
}

.blue:after {
  background-color: blue;
}

Popularity 6/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: css pseudo-element svg

Link to this answer
Share Copy Link

Contributed on May 07 2021

Rafvs

0 Answers Avg Quality 2/10

change svg color in pseudo element

Contents

More Related Answers

change svg color in pseudo element

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.