◎ SHINY SILVER RING

Mean Beadz Verified independent store

→

body { text-align: center; } .price-per-item__container { display: flex; justify-content: center; align-items: center; } .swatch-wrapper { display: flex; justify-content: center; m argin: 20px 0; } .swatch-grid { position: relative; width: 234px; height: 66px; background-image: url('https://cdn.shopify.com/s/files/1/0886/8947/5889/files/Shiny_Silver_Ring.png?v=1771712180'); background-size: cover; image-rendering: pixelated; overflow: hidden; /* add this so sparkles don't spill */ } /* Sparkles layer */ .swatch-grid::after{ content:""; position:absolute; inset:0; pointer-events:none; /* KEY: lets hover/click pass through */ z-index: 1; /* sits above background, below links */ background: radial-gradient(circle, rgba(255,255,255,.95) 0 1px, transparent 2px) 15px 10px/60px 40px, radial-gradient(circle, rgba(220,230,255,.9) 0 1.2px, transparent 2.5px) 50px 35px/80px 50px, radial-gradient(circle, rgba(255,255,255,.85) 0 1px, transparent 2px) 120px 18px/70px 45px, radial-gradient(circle, rgba(230,240,255,.9) 0 1.4px, transparent 3px) 180px 45px/90px 55px, radial-gradient(circle, rgba(255,255,255,.8) 0 1px, transparent 2px) 210px 12px/65px 40px, radial-gradient(circle, rgba(210,225,255,.9) 0 1.2px, transparent 2.5px) 90px 55px/85px 60px; mix-blend-mode: screen; opacity: 2; animation: sparkleTwinkle 2s infinite steps(4,end), sparkleDrift 6s infinite linear; } @keyframes sparkleTwinkle{ 0% { filter: brightness(0.8); opacity: .35; } 50% { filter: brightness(1.6); opacity: .95; } 100% { filter: brightness(1); opacity: .55; } } @keyframes sparkleDrift{ 0% { background-position: 15px 10px, 50px 35px, 120px 18px, 180px 45px, 210px 12px, 90px 55px; } 100% { background-position: 25px 14px, 40px 30px, 130px 22px, 170px 40px, 220px 16px, 80px 50px; } } /* Make sure links are above sparkles */ .swatch-link{ position: absolute; width: 32px; height: 32px; background: transparent; border: none; cursor: pointer; display: block; z-index: 2; /* KEY */ } .swatch-link:hover { outline: 1px solid #000; } .s1 { top: 0px; left: 66px; } .s2 { top: 0px; left: 100px; } .s3 { top: 0px; left: 134px; } .s4 { top: 0px; left: 168px; } .s5 { top: 34px; left: 66px; } .s6 { top: 34px; left: 100px; } .s7 { top: 34px; left: 134px; } .s8 { top: 34px; left: 168px; } .s9 { top: 0px; left: 202px; } .s10 { top: 34px; left: 202px; } .image-container { display: flex; justify-content: center; gap: 5px; width: 100%; max-width: 100%; } .image-container img { width: 100%; height: auto; border-radius: 10px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } CHECKER COLLECTION FIT CHECK Measure your finger for a perfectly fitting ring. See the How-To HANDCRAFTED Precision-crafted, this tough 1 gram shiny silver ring embodies the essence of one-bead-at-a-time. About 200 Shiny Delica Beadz join together by the brick technique, a cornerstone of bead work. Show more