diff --git a/snippets/shx-3d-render-input.liquid b/snippets/shx-3d-render-input.liquid index aaaaf81..dc6eb4b 100644 --- a/snippets/shx-3d-render-input.liquid +++ b/snippets/shx-3d-render-input.liquid @@ -108,31 +108,24 @@ width: 100%; height: 100%; - transition: transform 0.5s; + transition: all 0.5s; } - .shx-mat-matte { - + .shx-mat-matte { background: linear-gradient(60deg, #fff 15%, transparent 100%); opacity: 0.5; } - .shx-mat-silk { - + .shx-mat-silk { background: linear-gradient(60deg, #fff 35%, transparent 35%); opacity: 0.5; - - } - - .shx-ifc-colorselect label { - overflow: hidden; /* Add this to the parent container */ - position: relative; /* Ensure it's positioned to contain absolute children correctly */ - } + } .shx-ifc-colorselect input[type="radio"]:checked + label .shx-mat-matte, .shx-ifc-colorselect input[type="radio"]:checked + label .shx-mat-silk { transform: scale(1.8); transform-origin: center; /* Ensure scaling is centered */ + opacity: 0.2; }