首页 > 代码库 > CSS:镜像Gradients欢迎
CSS:镜像Gradients欢迎
body{background: black radial-gradient(circle farthest-side at calc(var(--mouseX, 1) * 1px) calc(var(--mouseY, 1) * 1px), hsl(var(--mouseX, 5), 75%, 75%), hsl(var(--mouseY, 45), 75%, 75%) ); } html {height: 100%;font: 1em/1.5 sans-serif;} body {display: flex;align-items: center;justify-content: center;min-height: 100%;margin: 0;} body:after {content: ‘move your mouse!‘;background: hsla(0, 0%, 0%, .3);color: #fff;padding: 10px;align-self: center;pointer-events: none;}
document.addEventListener(‘mousemove‘, function (e) { document.documentElement.style.setProperty(‘--mouseX‘, e.clientX); document.documentElement.style.setProperty(‘--mouseY‘, e.clientY); });
CSS:镜像Gradients欢迎
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。