#spyglass image zoom

1 messages · Page 1 of 1 (latest)

lyric nebula
#

just thought of this suddenly for no reason

noble island
#

W

stiff barn
#

this is funny ty

tawdry sable
#

wow i never realized the mixels this texture has

lyric nebula
#

so useful that magick can convert anything

tawdry sable
#

kinda weird

lyric nebula
tawdry sable
#

idk if it's actually considered mixels, i'm not an artist

tawdry sable
#

mixing different pixel sizes

lyric nebula
#

yeah so whats weird about it being 256x256?

tawdry sable
lyric nebula
#

yeah okay

#

What's weird about that

rugged lark
tawdry sable
#

no

#

I'm on mobile

lyric nebula
#

not sure how to avoid the zoom from top left

obsidian tiger
#

woah whats ur theme setup??? that looks really nice

lyric nebula
obsidian tiger
#

Windows

lyric nebula
slim egret
#

ok this is epic

lyric nebula
slim egret
lyric nebula
#

oh i thought you were the same guy lol

#

i didnt see the username

#

mb

lyric nebula
# lyric nebula not sure how to avoid the zoom from top left 
.vc-imgzoom-lens {
  border: none;
  box-shadow: none;
  filter: none;
  animation: 1s cubic-bezier(.12,.75,0,1) 0s 1 zoomIn;
  margin: 0;
}
.vc-imgzoom-lens::before {
  content: "";
  inset: 0;
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAABIUExURR4/WR4/WC5Qei1OeUtomUVik6Xb/IO6387q/2SCo////////4KjxwkfNWecvT9bjCtMdx0+WPn8/zEeCkApEH1QFLGHO////17z+TAAAAATdFJOU+7uzMx4eCcnDQ0bDQ0NJ3jM7lGLVcWxAAAAAWJLR0QKaND0VgAAAAd0SU1FB+kKFQsmAvFtUg8AAAHHSURBVHja7dxbbgIxDEDRAcqjpWV4dv9L5QdRCZAmVoQDnXMXENtnAekOI69rvUDrALReoHUAWi/QOgCtF2jdFeA4sgAAAAAAAAAA9wBdcpPkTpeu994BTHOb5VYC8JHaPLUygEVmy8xKAVaJfSYGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA8r4GWg/0XRkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4PkAQwcCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF4PYDKbLyOP1h4QwX7UT6BNv90BAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF4PYH8TAAAAAAAAAAAAAAAAAAAAACAfoLbIAY+KzHrKBwoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALwRQGabykLDCgFS6yuLTSsCyG1bWXBcAUByu8qi8wYBTv+830sAAAAAAAAAgD+AW4ixBAAAAAAAAIwY4AxxXxHln5WOZAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNS0xMC0yMVQxMToyNjo1NCswMDowMPFicCAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjUtMTAtMTZUMDc6NTQ6MTArMDA6MDBOfbqRAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI1LTEwLTIxVDExOjM4OjAyKzAwOjAwI109bgAAAABJRU5ErkJggg==);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  z-index: 10;
}
@keyframes zoomIn { from { height: 0; width: 0 } }

i dont know how to improve it further :/

tawdry sable
#

make a plugin (or modify the existing one) to play the spyglass sound

lyric nebula
#

fuck no

#

I'm not touching typescript

pulsar tusk
#

Fix for the zoom being slightly offset from the missing border:

.vc-imgzoom-lens {
  margin: 0;
}

Increases the spyglass image quality:

.vc-imgzoom-lens::before {
  image-rendering: pixelated;
}
lyric nebula
#

oh yeah, the quality as well, i forgot that

opal lodge
#

how do you make it not a circle?

#

nvm got it!

blazing fjord