User:Bayugoon/common.css

.sprite { display: none; position: relative; }

.sprite-wrapper::before { isolation: isolate; position: absolute; background-image: url(https://static.miraheze.org/mcdiscontinuedwiki/a/a9/ItemSheet_test.png); background-position: var(--pos); background-size: var(--size); mix-blend-mode: multiply; }

.sprite::after { content: ""; position: absolute; width: 100%; height: 100%; mix-blend-mode: multiply; background: var(--tint); -webkit-mask: url(attr(src)); -webkit-mask-size: var(--size); -webkit-mask-position: var(--pos); } .background-image { background-image: url(var(--image)); }