css Question posted in
Some basic documentation can be found here.

Css – The ::after is not working in my development website

i use this after in SCSS but i don’t see anything.

  &::after {
    position: absolute;
    right: 0;
    top: 0%;
    width: 216px;
    height: 254px;
    transform: rotateY(180deg);
    background: url(../images/life_history.svg) center/contain no-repeat;
  }
Tags:

2

Answers


  1. 0

    you forgot to add the content property in the CSS code: content: '';

    Login or Signup to reply.
  2. 0

    you are missing content: "";

    &::after {
content: ""; // This line was missing
position: absolute;
right: 0;
top: 0%;
width: 216px;
height: 254px;
transform: rotateY(180deg);
background: url(../images/life_history.svg) center/contain no-repeat;

    }

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search