shx-3d-render

main
Jan Umbach 2024-06-22 13:17:16 +02:00
parent ec92036f3f
commit a0eb9d0c8e
1 changed files with 24 additions and 2 deletions

View File

@ -91,6 +91,28 @@
overflow: hidden;
}
.shx-mat-matte {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-size: 20px 20px;
opacity: 0.5;
}
.shx-mat-silk {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
background-size: 20px 20px;
opacity: 0.5;
}
</style>
<script type="text/javascript">
@ -259,11 +281,11 @@
`;
if(options[color].matte) {
html += `<span style="color: white; font-size: 0.8rem; position: absolute; bottom: 0; right: 0;">Matt</span>`;
html += `<span class="shx-mat-matte"></span>`;
}
if(options[color].silk) {
html += `<span style="color: white; font-size: 0.8rem; position: absolute; bottom: 0; right: 0;">Seide</span>`;
html += `<span class="shx-mat-silk"></span>`;
}
html += `</label>`;