Kawaii Top by ASCENT - Minecraft Marketplace (via bedrockexplorer.com) (2025)

ASCENT has created a great character creator piece called Kawaii Top.

') setTimeout(function () { $('#badge_explainer_inner').addClass('animate__animated animate__tada') }, 100) }) /* Add listener for mouseout event, remove the rotation */ el.addEventListener('mouseout', function() { el.style.transform = 'perspective(500px) scale(1) rotateX(0) rotateY(0)' $('#badge_explainer').html('') }) /* Add listener for mousedown event, to simulate click */ el.addEventListener('mousedown', function() { el.style.transform = 'perspective(500px) scale(0.9) rotateX(0) rotateY(0)' }) /* Add listener for mouseup, simulate release of mouse click */ el.addEventListener('mouseup', function() { el.style.transform = 'perspective(500px) scale(1.1) rotateX(0) rotateY(0)' }) }) $('.cheev-hover').each(function (i, e) { var id = e.id /* Store the element in el */ let el = document.getElementById(id) el.addEventListener('click', function() { $('#badge_explainer').html('

' + $(el).attr('alt') + '

') setTimeout(function () { $('#badge_explainer_inner').addClass('animate__animated animate__tada') }, 100) }) el.addEventListener('mouseenter', function() { $('#badge_explainer').html('' + $(el).attr('alt') + '') }) /* Add listener for mouseout event, remove the rotation */ el.addEventListener('mouseout', function() { el.style.transform = 'perspective(500px) scale(1) rotateX(0) rotateY(0)' $('#badge_explainer').html('') }) })}); function handleMove(e) { //console.log('handleMove') var el = e.target $('#badge_explainer').html('' + $(el).attr('alt') + '') /* Get the height and width of the element */ const height = el.clientHeight const width = el.clientWidth /* * Get position of mouse cursor * With respect to the element * On mouseover */ /* Store the x position */ const xVal = e.layerX /* Store the y position */ const yVal = e.layerY /* * Calculate rotation valuee along the Y-axis * Here the multiplier 20 is to * Control the rotation * You can change the value and see the results */ const yRotation = 40 * ((xVal - width / 2) / width) /* Calculate the rotation along the X-axis */ const xRotation = -40 * ((yVal - height / 2) / height) /* Generate string for CSS transform property */ const string = 'perspective(500px) scale(1.1) rotateX(' + xRotation + 'deg) rotateY(' + yRotation + 'deg)' /* Apply the calculated transformation */ el.style.transform = string }

Tags:

View More