would like to know how I do this effect aque in css

Asked

Viewed 87 times

-3

I would like to know how I do this effect under a cd aque in css efeito

my site and that I want to do where the arrow is indicating site

javascript css
  • 2

    That’s not an effect, it’s an image... Or is that what you want is, given a "normal" image, create underneath a round element with the same image to look like a CD?

1 answer

4


You need to adjust the border-radius of its element, if it is large enough the element will be round:

img {
  background-color: blue;
  width: 200px;
  height: 200px;
}

.capa {
    width: 210px;
    height: 210px;
}

.cd {
  position: absolute;
  z-index: -1;
  border-radius: 100px;
  border: 2px solid gray;
  left: 100px;
}
<img class="capa" src="https://upload.wikimedia.org/wikipedia/commons/a/af/Tux.png">
<img class="cd" src="https://upload.wikimedia.org/wikipedia/commons/a/af/Tux.png">

Browser other questions tagged javascript css

You are not signed in. Login or sign up in order to post.