Breaking News: Grepper is joining You.com. Read the official announcement!

:after PSEUDO-CLASS

Darshan T answered on July 17, 2021 Popularity 4/10 Helpfulness 1/10

answer :after PSEUDO-CLASS

related how to use after pseudo class in css

:after PSEUDO-CLASS

Comment

/* 
    The element and its pseudo-element are both made translucent using the `opacity` property in order to better visualize how the two are positioned in the demo. 
    By removing the opacity values, you can see a fully opaque eight-point star 
*/
.element {
    width: 250px;
    height: 250px;
    background-color: #009966;
    opacity: .8;
    position: relative;
    margin: 100px auto;
}

.element:after {
    content: "";
    position: absolute;
    display: block;
    width: 250px;
    height: 250px;
    background-color: #009966;
    opacity: .8;
    transform: rotateZ(45deg);
}

Popularity 4/10 Helpfulness 1/10 Language css

Source: tympanus.net

Tags: css pseudo-class

Link to this answer
Share Copy Link

Contributed on Oct 19 2023

Darshan T

0 Answers Avg Quality 2/10

Closely Related Answers

how to use after pseudo class in css

Comment

-1

a::after {
  content: "whatever content you want to display";
  /*css declaration*/
}

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 17 2021

Magnificent Magpie

0 Answers Avg Quality 2/10

:after PSEUDO-CLASS

Contents

More Related Answers

:after PSEUDO-CLASS

Closely Related Answers

how to use after pseudo class in css

Grepper

Documentation

Social

Legal

Contact

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