42 lines
785 B
JavaScript
42 lines
785 B
JavaScript
|
|
|
|
|
|
function _init(){
|
|
let lens = document.querySelector('.lens');
|
|
|
|
lens.style.setProperty(
|
|
'--screen-width',
|
|
`${window.screen.availWidth}px`
|
|
);
|
|
lens.style.setProperty(
|
|
'--screen-height',
|
|
`${window.screen.availHeight}px`
|
|
);
|
|
function set_position(){
|
|
|
|
lens.style.transform = `translate(-${window.screenX}px, -${window.screenY}px)`
|
|
// lens.style.setProperty(
|
|
// '--screen-left',
|
|
//
|
|
// )
|
|
// lens.style.setProperty(
|
|
// '--screen-top',
|
|
// `${window.screenY}px`
|
|
// )
|
|
// console.log('set vars')
|
|
setTimeout(set_position, 10);
|
|
}
|
|
|
|
set_position();
|
|
// setTimeout(set_size,100);
|
|
// set_size()
|
|
}
|
|
|
|
export function init(){
|
|
|
|
// document.addEventListener('load', () => {
|
|
// _init();
|
|
// })
|
|
_init();
|
|
}
|