How to put a photo on a photo in html css

Raja Abdul Mateen answered on January 11, 2023 Popularity 10/10 Helpfulness 4/10

answer How to put a photo on a photo in html css

How to put a photo on a photo in html css

Comment

<div class="parent">
    <img src="image1.jpg">
</div>
//CSS:
.parent {
    position: relative;
    width: 300px;
    height: 300px;
    background-image: url(image2.jpg);
    background-size: cover;
}

img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

Popularity 10/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: css html photo put

Link to this answer
Share Copy Link

Contributed on Jan 11 2023

Raja Abdul Mateen

0 Answers Avg Quality 2/10

How to put a photo on a photo in html css

Contents

More Related Answers

How to put a photo on a photo in html css

Grepper

Documentation

Social

Legal

Contact

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