How to create an image in css

Ask for Help
1

Hi

How to create a css for this.Have use the one in notion but it’s not coming like this.how to do this.

IMG_20220629_205452
IMG_20220629_205452385×758 87.7 KB

2

please open this link and learn.

https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2

if you want to change the code, go to codepen.io to see firsthand the results of writing the css code.

experimenting is fun :laughing:

3

Can you tell me which one should use in the notion link. Tell me heading or that particular link.

4 
</div></div></div>
<div style="background-image: url(COVER-IMAGE-URL);
   -moz-border-radius: 50%;
   -webkit-border-radius: 0%;
   width:120%;
   height:200px;
   background-attachment:scroll;
   background-size: cover;
   background-position: center center;
   position: relative;
   z-index:1;
   opacity:1;
   transform:translate(-50%,-55%);
   left:50%;
   margin-top: 12px; border: 3px solid #c3c3c3; background-color:red;"></div>

<pre><span><style>
[data-test="glide-app-bar"] :nth-child(1) {
    backdrop-filter: blur(0px);
    background: transparent; 
    -webkit-backdrop-filter: blur(0px);
}

#app-root [opacity='1'] {
color: transparent;
}

[data-test="nav-bar"] >div +* {
  color: transparent !important; 
}

@Manikandan_R Try this one :point_up:

:pushpin: Replace COVER-IMAGE-URL for the column of hte image.

1 Like