User:HINK/common.css: Difference between revisions

From bg3.wiki
Jump to navigation Jump to search
(Replaced content with ".diamond-image { position: relative; width: 150px; →‎Adjust the width as needed: height: 150px; →‎Adjust the height as needed: overflow: hidden; margin: 20px; →‎Adjust the margin as needed: transform: rotate(45deg); →‎Rotate the container: box-sizing: border-box; border: 2px solid black; →‎Border width and color: } .diamond-image .thumbinner { width: 100%; height: 100%; overflow: hidden; transform: rotat...")
Tag: Replaced
(Blanked the page)
Tag: Blanking
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
.diamond-image {
    position: relative;
    width: 150px; /* Adjust the width as needed */
    height: 150px; /* Adjust the height as needed */
    overflow: hidden;
    margin: 20px; /* Adjust the margin as needed */
    transform: rotate(45deg); /* Rotate the container */
    box-sizing: border-box;
    border: 2px solid black; /* Border width and color */
}


.diamond-image .thumbinner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotate(-45deg); /* Rotate the inner container back */
}
.diamond-image .thumbinner img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
    transform: rotate(0deg); /* Ensure the image remains upright */
}

Latest revision as of 21:06, 21 June 2024

Retrieved from "https://dev.bg3.wiki/w/index.php?title=User:HINK/common.css&oldid=198036"