js实现曲线颜色配色圆盘效果代码
代码语言:html
所属分类:选择器
代码描述:js实现曲线颜色配色圆盘效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
svg {
height: 400px;
width: 400px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
/* cursor:none; */
z-index: 100;
/* pointer-events: none; */
}
body {
background-color: black;
overflow: hidden;
}
.blurry {
-webkit-filter: blur(5px);
/* Safari 6.0 - 9.0 */
filter: blur(5px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
path {
cursor: pointer;
}
#newColor {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background-color: #000000;
cursor: pointer;
border: 2px solid white;
border-radius: 20px;
padding: 10px;
z-index: 200;
font-family: "Roboto", sans-serif;
font-weight: bold;
outline: none;
}
#azizLight {
position: absolute;
top: calc(50% + 30px);
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
border: none;
.........完整代码请登录后点击上方下载按钮下载查看
网友评论0