css实现多彩滑块组合成炫酷色彩氛围效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现多彩滑块组合成炫酷色彩氛围效果代码

代码标签: 滑块组 合成 炫酷 色彩 氛围 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
<style>
body {
	display: grid;
	place-items: center;
	background-color: #030303;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.app {
	position: relative;
}
input {
	--absX: max(calc(var(--x) * -1), var(--x));
	accent-color: hsl(calc(var(--absX) * 2), 100%, 50%);
	mix-blend-mode: screen;
	width: 5rem;
	height: 1rem;
	margin-left: -2.5rem;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translateX(calc(var(--x) * 3px)) translateY(calc(var(--y) * 3px))
		rotate(calc(var(--rot) * 1deg));
}
</style>



</head>

<body >
  <div class="app">
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0; --y: 0; --rot: 0"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.24455151948660941; --y: 0.2265075394504598; --rot: 42.80635001174391"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.050998681531847445; --y: 0.6647131553733968; --rot: 85.61270002348782"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.6214083129159855; --y: 0.7834868911723467; --rot: 128.41905003523172"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.3177281402254124; --y: 0.20339696712550376; --rot: 171.22540004697564"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.381212620691272; --y: -0.9327537050159204; --rot: -145.96824994128048"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.45540683455563474; --y: -1.9474610689407932; --rot: -103.16189992953656"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.1541046353416087; --y: -2.027926757831125; --rot: -60.355549917792644"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.5425556879591067; --y: -0.8040657216533384; --rot: -17.549199906048734"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.7132057170027624; --y: 1.2800448184432938; --rot: 25.257150105698436"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.2452625952031096; --y: 3.091994854474879; --rot: 68.06350011743909"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.3062366459904384; --y: 3.426104240842081; --rot: 110.86985012917975"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -3.5852092300800336; --y: 1.773774161653319; --rot: 153.6762001409269"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.15526015381868; --y: -1.2294677026520608; --rot: -163.51744984732593"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.383310936408974; --y: -4.01218229373631; --rot: -120.71109983558529"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.0476875194487951; --y: -4.889003053956014; --rot: -77.90474982384463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.363550806226478; --y: -3.066572811123959; --rot: -35.09839981209746"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 5.615466058916625; --y: 0.7600342441406841; --rot: 7.707950199649704"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.8153136837019663; --y: 4.630699892560144; --rot: 50.51430021139687"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.36685098644372466; --y: 6.3226996975071; --rot: 93.32065022313103"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.805851949452286; --y: 4.620414644205659; --rot: 136.12700023487818"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -6.998787019243336; --y: 0.13030832387448701; --rot: 178.93335024662537"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -5.4719651420660425; --y: -4.882148631677649; --rot: -138.26029974164052"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.7286836465055744; --y: -7.631958983189907; --rot: -95.45394972989337"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.853725223451066; --y: -6.359351496436952; --rot: -52.64759971814619"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 8.210709182887502; --y: -1.4243241058450518; --rot: -9.841249706399026"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.271352052637864; --y: 4.7157767586804; --rot: 32.96510030534813"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.212113747772741; --y: 8.723906966887878; --rot: 75.77145031708228"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.4646153165276585; --y: 8.196238233881306; --rot: 118.57780032882947"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.160908024203927; --y: 3.0858076117153703; --rot: 161.3841503405766"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.121880689272984; --y: -4.097717985741408; --rot: -155.80949964768925"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.038077870957232; --y: -9.511661520778759; --rot: -113.00314963594211"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.61376506222314; --y: -10.03585969674911; --rot: -70.19679962419492"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.766812896821598; --y: -5.060569714812679; --rot: -27.390449612447757"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 10.925578943498156; --y: 3.012668118766845; --rot: 15.415900399299412"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 6.143966569406656; --y: 9.917801465300892; --rot: 58.22225041103355"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.295587663304354; --y: 11.778381776801297; --rot: 101.02860042279376"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.956951988950944; --y: 7.278064179494227; --rot: 143.83495043451487"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.581668995347886; --y: -1.464940181695528; --rot: -173.35869955373798"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -8.451853003040366; --y: -9.877559456414199; --rot: -130.55234954199082"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.5243944426992713; --y: -13.323017235080195; --rot: -87.74599953024367"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.673966327471108; --y: -9.653608303258059; --rot: -44.93964951849649"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.990296994702298; --y: -0.5211429746469236; --rot: -2.1332995067493217"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 10.870987260252333; --y: 9.341631572261663; --rot: 40.673050504997846"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.6655528875074292; --y: 14.571789344141191; --rot: 83.47940051671897"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -8.877190889577752; --y: 12.091132366738764; --rot: 126.28575052846612"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.056300364628294; --y: 2.9015393227052857; --rot: 169.0921005402133"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -13.300780319817202; --y: -8.278507554409058; --rot: -148.10154944803955"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.22067572761745; --y: -15.433272381523658; --rot: -105.29519943629239"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.544713414223923; --y: -14.486375574138872; --rot: -62.48884942454522"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 15.692891070590841; --y: -5.613461287329598; --rot: -19.68249941279805"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 15.634187680959094; --y: 6.676239626956697; --rot: 23.123850598949115"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.0693869774670715; --y: 15.826187544928924; --rot: 65.93020061069628"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -5.674836810152686; --y: 16.73043150337872; --rot: 108.7365506224174"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.825134563073261; --y: 8.577010904774697; --rot: 151.54290063416457"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -17.76138937026612; --y: -4.543584350367978; --rot: -165.65074935408828"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.124042413278083; --y: -15.682736038669752; --rot: -122.84439934234112"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.286888703465229; --y: -18.713534210592947; --rot: -80.03804933059395"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 15.393109078221395; --y: -11.69743436330189; --rot: -37.23169931884679"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.573652696006732; --y: 1.910470600110405; --rot: 5.5746506929003825"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.28348292373255; --y: 14.951557825688456; --rot: 48.38100070462149"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.421341154974095; --y: 20.328967412920154; --rot: 91.18735071636867"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -14.354638450441703; --y: 14.867934156035657; --rot: 133.9937007281158"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -20.967257085933227; --y: 1.1722330367221983; --rot: 176.800050739863"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -16.4360966114791; --y: -13.600214678056968; --rot: -140.39359924838985"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.860775647155607; --y: -21.476973882302087; --rot: -97.58724923664268"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.687503331462077; --y: -17.972959111235376; --rot: -54.78089922489552"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.84735684226017; --y: -4.633656955874658; --rot: -11.974549213148348"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.46331283354873; --y: 11.617109421934321; --rot: 30.831800798598817"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 6.479160447048244; --y: 22.06854050229434; --rot: 73.63815081031993"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.3910504055665; --y: 20.891876792510068; --rot: 116.4445008220671"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.13165780780177; --y: 8.384559248373058; --rot: 159.25085083381427"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.243425760028288; --y: -9.01276930017129; --rot: -157.9427991544125"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.3362019182764; --y: -22.028936447675598; --rot: -115.13644914271748"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.487136439368194; --y: -23.50291965656032; --rot: -72.33009913097031"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.753787786299146; --y: -12.319607012752561; --rot: -29.523749119223133"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 24.655633416718768; --y: 5.820439725498292; --rot: 13.282600892524032"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 14.319565792578622; --y: 21.300887617416087; --rot: 56.0889509042712"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.020363327691556; --y: 25.68728632443203; --rot: 98.89530091601837"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -20.666248019745495; --y: 16.320252364188793; --rot: 141.70165092776554"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -26.584169807206504; --y: -2.0959548594187996; --rot: -175.49199906048733"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -18.305340485756357; --y: -19.847279654918186; --rot: -132.68564904874015"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.057581155948083516; --y: -27.33327268223823; --rot: -89.87929903699298"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 18.84284391452828; --y: -20.258126212884772; --rot: -47.07294902524581"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 27.922402857136046; --y: -2.0831271405751632; --rot: -4.266599013498643"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 22.16165550711833; --y: 17.65329439401013; --rot: 38.53975099824853"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.313341894980363; --y: 28.3403045056821; --rot: 81.34610100999569"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -16.280507246328927; --y: 23.998855885275685; --rot: 124.15245102174283"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.576769763946693; --y: 6.61911431407755; --rot: 166.95880103343794"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.75267114884978; --y: -14.727900047539404; --rot: -150.23484895481494"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -8.98546184266607; --y: -28.622744024184545; --rot: -107.42849894306777"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.000438888788777; --y: -27.406198200589216; --rot: -64.62214893132061"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 28.470423942874046; --y: -11.396464581503718; --rot: -21.81579891957343"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 28.94282493064215; --y: 11.104633493915923; --rot: 20.990551092173735"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.835370611186647; --y: 28.113347325227757; --rot: 63.79690110392091"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.048520249760422; --y: 30.346368136359473; --rot: 106.60325111566807"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -27.546474100575228; --y: 16.28470953460141; --rot: 149.40960112741524"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -31.601210429961945; --y: -6.841633124167712; --rot: -167.7840488608376"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -18.726413482314726; --y: -26.76625766147543; --rot: -124.97769884909044"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.494962536678156; --y: -32.69243508510585; --rot: -82.17134883734327"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.7707059034898; --y: -21.141944762650084; --rot: -39.3649988255961"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.60595777820879; --y: 2.02090233650531; --rot: 3.4413511861510613"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.512429280812498; --y: 24.559431371975844; --rot: 46.24770119789822"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.5668148681972511; --y: 34.32865419271441; --rot: 89.0540512096454"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -23.133689996547968; --y: 25.818794799939717; --rot: 131.86040122139255"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -34.84848247437296; --y: 3.253193697479579; --rot: 174.6667512330876"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.04191307177924; --y: -21.496407972478128; --rot: -142.5268987551652"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -6.022062883967713; --y: -35.154599553012254; --rot: -99.72054874341806"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.65219643097243; --y: -30.162744826001408; --rot: -56.91419873167089"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.23747038093965; --y: -8.856172551588644; --rot: -14.107848719923727"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 32.16248657599565; --y: 17.607353625498174; --rot: 28.698501291823447"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 11.737301303225307; --y: 35.088969180033; --rot: 71.50485130357062"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.369854450650442; --y: 34.0227181739437; --rot: 114.31120131531777"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -34.702471838266504; --y: 14.64637245505172; --rot: 157.11755132706494"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -35.72555003179635; --y: -12.949327199728012; --rot: -160.0760986611879"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -17.563578680799612; --y: -34.07293865177769; --rot: -117.26974864944074"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 10.357017559682696; --y: -37.25376891509818; --rot: -74.46339863769357"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.196986670160385; --y: -20.4685142602289; --rot: -31.657048625946395"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 38.590981215254786; --y: 7.605739934744262; --rot: 11.149301385800765"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.340314062008446; --y: 32.07295097011273; --rot: 53.95565139754794"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.709816282981142; --y: 39.72175261214648; --rot: 96.762001409243"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -30.700934255414023; --y: 26.157798332859052; --rot: 139.56835142099015"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.6317430531175; --y: -1.6850027427915772; --rot: -177.6252985672627"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.899622312337584; --y: -29.082844259188953; --rot: -134.81894855551553"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.451595583094744; --y: -41.307835996425474; --rot: -92.01259854376836"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 27.22241850619412; --y: -31.544429647478665; --rot: -49.206248532021185"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.73826089668896; --y: -4.681621227729245; --rot: -6.399898520274021"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 34.07100854164424; --y: 25.125236079812595; --rot: 36.40645149147315"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.985571799934868; --y: 41.9127079472626; --rot: 79.21280150322032"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.798716127135823; --y: 36.458449541282974; --rot: 122.01915151496749"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -41.82243413886714; --y: 11.342917635154492; --rot: 164.82550152671465"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.68630383953388; --y: -20.252102928166344; --rot: -152.3681484615382"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -14.732228948025213; --y: -41.460359745460096; --rot: -109.56179844979104"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 17.49643744930793; --y: -40.73474095936906; --rot: -66.75544843804386"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 40.82115440671581; --y: -18.131311701423513; --rot: -23.949098426296693"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 42.584704670392775; --y: 14.544515397063856; --rot: 18.85725158545047"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.517351335475368; --y: 39.901312041295434; --rot: 61.66360159719763"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -11.410831884347257; --y: 44.218065992890374; --rot: 104.4699516088927"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.69921389589663; --y: 24.867063434182203; --rot: 147.27630162063986"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -45.617772150193844; --y: -8.111512918733291; --rot: -169.917348367613"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.1568503470626; --y: -37.21517911163264; --rot: -127.1109983558658"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.664234017242289; --y: -46.767990346308444; --rot: -84.30464834411865"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.45150227032293; --y: -31.362962730292754; --rot: -41.49829833237149"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 47.654245269028365; --y: 1.088126348545114; --rot: 1.3080516794277945"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 34.461664923648314; --y: 33.412477470103696; --rot: 44.11440169117497"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.596329105310542; --y: 48.26354925083762; --rot: 86.92075170281791"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -31.10440856879586; --y: 37.42940304132385; --rot: 129.72710171456507"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -48.58452405905196; --y: 6.367418782787986; --rot: 172.53345172631225"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.24297462062279; --y: -28.535605328460935; --rot: -144.6601982619406"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.20232450389923; --y: -48.60751333379352; --rot: -101.85384825019344"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.716365288214067; --y: -42.87969865056352; --rot: -59.047498238446266"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 48.324684746678614; --y: -14.077261401940792; --rot: -16.241148226699103"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 45.31758478274688; --y: 22.658941294104174; --rot: 26.565201785048068"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 17.967624994489764; --y: 47.73012101448504; --rot: 69.37155179679523"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -19.377494711828742; --y: 47.53550052123318; --rot: 112.1779018085424"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -46.81989897002005; --y: 21.84814648617955; --rot: 154.9842518202896"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.51333518666967; --y: -15.888034450255287; --rot: -162.2093981679633"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.693055328089528; --y: -45.59215596662992; --rot: -119.40304815621612"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.208342024012008; --y: -51.23215945870835; --rot: -76.59669814446895"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 44.04714297276413; --y: -29.47624799625752; --rot: -33.79034813272178"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.67437931742514; --y: 8.357882983654351; --rot: 9.01600187902539"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.17146189616231; --y: 42.187263798243215; --rot: 51.822351890772545"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.357705140819156; --y: 53.82388322952626; --rot: 94.62870190251972"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.0170999838369; --y: 36.75245325137782; --rot: 137.4350519142669"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -54.66618145844418; --y: -0.23032411271523665; --rot: -179.75859807398595"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.193177793365365; --y: -37.54342097985905; --rot: -136.9522480622388"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.000403195413995; --y: -55.18853641882433; --rot: -94.14589805049164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 34.77517933711878; --y: -43.46797303589167; --rot: -51.339548038744454"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 55.380083045171304; --y: -8.309416460253368; --rot: -8.533198026997288"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 46.551740892134546; --y: 31.72349073409188; --rot: 34.27315198474988"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.670600366206974; --y: 55.23193820128881; --rot: 77.07950199649704"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.401598766932885; --y: 49.420129375408926; --rot: 119.88585200824421"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -54.73729822128783; --y: 17.056942708026888; --rot: 162.69220201999138"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -52.049712115801974; --y: -24.824824533248606; --rot: -154.50144796826146"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -21.440701214100866; --y: -53.89152374397715; --rot: -111.6950979565143"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.010501145702563; --y: -54.41816442498046; --rot: -68.88874794476712"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.69221107991762; --y: -25.793578062905198; --rot: -26.082397933124184"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 56.504434650132666; --y: 16.977893416701832; --rot: 16.723952078622986"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 30.086900999358797; --y: 51.13924943425771; --rot: 59.53030209037016"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.748103060839094; --y: 58.28890957516135; --rot: 102.33665210211731"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.23486339653228; --y: 34.29180990156113; --rot: 145.1430021138645"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -59.75357265398634; --y: -8.343959863031893; --rot: -172.05064787438835"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.37944759398997; --y: -46.98364020406062; --rot: -129.24429786264122"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.7898993652419692; --y: -60.8821538942352; --rot: -86.43794785089403"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 44.392541382359155; --y: -42.32115366330776; --rot: -43.63159783914686"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 61.660270253855316; --y: -0.8881722801927414; --rot: -0.8252478273996929"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 46.088659995587186; --y: 41.47089846881982; --rot: 41.98110218434747"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 5.66302554521281; --y: 62.07555546363409; --rot: 84.78745219609463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.23039263063851; --y: 49.65428672751559; --rot: 127.59380220784182"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -62.1177782480048; --y: 10.50626601279932; --rot: 170.400152219589"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -52.991137285713414; --y: -34.68501809539365; --rot: -146.79349776866388"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.38850319343061; --y: -61.77894798319424; --rot: -103.98714775691671"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 30.85102942170773; --y: -56.073291178786036; --rot: -61.18079774516953"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 61.05340690568768; --y: -20.27952866775519; --rot: -18.37444773342237"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 58.875993206166605; --y: 26.74687274739239; --rot: 24.431902278324795"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.148502476900106; --y: 59.9379080646743; --rot: 67.23825229007197"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.393101262645317; --y: 61.37583775628123; --rot: 110.04460230181914"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -58.431678299108036; --y: 29.9641466132553; --rot: 152.8509523135663"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -63.55094688410423; --y: -17.812275265494954; --rot: -164.34269767468655"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -34.694944403040274; --y: -56.536465612744614; --rot: -121.53634766293938"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.028847265033003; --y: -65.3811408847298; --rot: -78.7299976511922"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 54.25657041842388; --y: -39.3093445179465; --rot: -35.92364763944504"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 66.84810011507282; --y: 8.069032704294763; --rot: 6.882702372302121"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 43.77596830708827; --y: 51.59886022534395; --rot: 49.68905238404929"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.96066697821073; --y: 67.93551686006468; --rot: 92.49540239579646"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -48.57276744947577; --y: 48.063819102767845; --rot: 135.30175240754363"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -68.6292360925141; --y: 2.2669504778600884; --rot: 178.1081024192908"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -52.14249212449437; --y: -45.190270136911586; --rot: -139.08554756896206"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -7.583224157596768; --y: -68.91738403687962; --rot: -96.2791975572149"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.46585550202399; --y: -55.982383585639795; --rot: -53.472847545571945"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 68.7904835161919; --y: -12.956441548840877; --rot: -10.666497533824774"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 59.5548975955979; --y: 37.41646629701453; --rot: 32.13985247792239"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 18.353962245622782; --y: 68.24155513808307; --rot: 74.94620248966956"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -33.06143014239221; --y: 62.832649450263666; --rot: 117.75255250141673"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -67.26620345911334; --y: 23.742415981563713; --rot: 160.5589025131639"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -65.78966390862729; --y: -28.422372066753596; --rot: -156.63474747508897"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -29.087908382052724; --y: -65.86268735754189; --rot: -113.82839746334179"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.52311061571301; --y: -68.40156707321873; --rot: -71.02204745159462"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 64.03197394040846; --y: -34.35623317157015; --rot: -28.21569743984745"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 70.64577051701475; --y: 18.38953800554243; --rot: 14.590652571899717"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 39.51308951224129; --y: 61.77777541297019; --rot: 57.39700258364688"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -13.049484908085036; --y: 72.50164633586908; --rot: 100.20335259539407"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -59.106568445114114; --y: 44.52430310114961; --rot: 143.00970260714124"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -73.95069185048332; --y: -7.5325705625173365; --rot: -174.18394738111164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.356049613004615; --y: -56.02759568025152; --rot: -131.37759736936448"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.8700390149417667; --y: -74.97668273591862; --rot: -88.57124735761728"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.55284914656188; --y: -53.975079042923326; --rot: -45.764897345870125"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 75.56581341929696; --y: -3.9054176120416106; --rot: -2.95854733412296"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 58.34893948151414; --y: 48.69703544757731; --rot: 39.84780267762421"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.759847821418493; --y: 75.70682365731989; --rot: 82.65415268937137"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -44.477522728234824; --y: 62.44619884137972; --rot: 125.46050270111856"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -75.3911102841447; --y: 15.658240326547913; --rot: 168.2668527128657"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -66.23666305075653; --y: -39.91426953289999; --rot: -148.92679727538714"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -21.56473334540042; --y: -74.6128232065567; --rot: -106.12044726363999"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.02973579269806; --y: -69.69158923639041; --rot: -63.314097251892804"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 73.36894481675469; --y: -27.442832353587626; --rot: -20.507747240145633"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 72.7838924339585; --y: 29.848776299982607; --rot: 22.29860277160153"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.25563497558872; --y: 71.6593520928734; --rot: 65.1049527833487"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -24.398517147129358; --y: 75.48834439036938; --rot: 107.91130279509588"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -69.48686076300089; --y: 38.96606163164435; --rot: 150.71765280684303"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -77.78176305805657; --y: -18.70821572412362; --rot: -166.47599718151403"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -44.53709050445544; --y: -66.85725101918555; --rot: -123.66964716976686"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.809104985094065; --y: -79.64319142646124; --rot: -80.86329715801969"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 63.779274383804264; --y: -49.9319953444223; --rot: -38.056947146272535"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 81.05406439137774; --y: 6.734222802187437; --rot: 4.749402865474636"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 55.114584599484516; --y: 60.26464144812204; --rot: 47.5557528772218"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.5182273369989925; --y: 81.99836242527766; --rot: 90.36210288896898"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -56.327990327698075; --y: 60.04944032562276; --rot: 133.16845290071615"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -82.46275088568021; --y: 5.802800543188384; --rot: 175.9748029124633"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -64.70215532263566; --y: -51.98683580105187; --rot: -141.21884707578954"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.19156667800084; --y: -82.43670387867472; --rot: -98.41249706404237"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 47.26149922541528; --y: -69.03956693141393; --rot: -55.606147052295206"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 81.91261168381666; --y: -18.60978364023243; --rot: -12.79979704054804"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 73.02998593422917; --y: 42.17501944940155; --rot: 30.006552971199127"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.018400077723378; --y: 80.88587084278326; --rot: 72.8129029829463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -36.753045068835675; --y: 76.64341901408191; --rot: 115.61925299469347"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.35495611721629; --y: 31.377837997740585; --rot: 158.42560300644064"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.85178325404044; --y: -31.023708497333537; --rot: -158.76804698181223"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -37.64823655388623; --y: -77.32147363043869; --rot: -115.96169697006506"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.017482446734377; --y: -82.62911119255598; --rot: -73.15534695831788"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 74.79019462255295; --y: -43.78970083743168; --rot: -30.34899694657071"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 84.9517449958186; --y: 18.76701953335716; --rot: 12.45735306517645"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 49.76255412603159; --y: 71.7690693681121; --rot: 55.26370307692362"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.30697584345532; --y: 86.798518363121; --rot: 98.07005308867079"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -68.26922092936073; --y: 55.52759200341877; --rot: 140.87640310041795"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -88.15092484565407; --y: -5.673819404389143; --rot: -176.3172468878349"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -61.04633673425661; --y: -64.30491854520564; --rot: -133.5108968760877"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.094375383854872; --y: -88.99327133283286; --rot: -90.70454686434056"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 59.89353058579507; --y: -66.28129025911366; --rot: -47.898196852593394"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 89.31281554274875; --y: -7.958146199841308; --rot: -5.091846840846228"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 71.19618416573977; --y: 55.05545713403955; --rot: 37.71450317090094"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 14.876872881776555; --y: 89.09988644420694; --rot: 80.5208531826481"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.8140423877593; --y: 75.75622499461655; --rot: 123.32720319439527"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -88.3479866364789; --y: 21.809017797244937; --rot: 166.13355320603821"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.92833324928931; --y: -44.19546720839515; --rot: -151.06009678221463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.712375078369842; --y: -87.05387581915457; --rot: -108.25374677046746"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 38.22862227481378; --y: -83.6813745045432; --rot: -65.44739675872029"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 85.21763459636722; --y: -35.544327230157; --rot: -22.64104674697312"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 86.98638104098808; --y: 31.944962427637048; --rot: 20.165303264774046"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 42.262107550670656; --y: 82.84270797949296; --rot: 62.97165327652122"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.37834292188653; --y: 89.81676247588888; --rot: 105.77800328826838"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.93592807519099; --y: 48.82306675335274; --rot: 148.58435330001555"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -92.14850391765106; --y: -18.56483842479241; --rot: -168.60929668823732"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -55.18494213427595; --y: -76.50751557470934; --rot: -125.80294667649015"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 11.542545718351278; --y: -93.96035023411497; --rot: -82.99659666474297"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 72.57105979231821; --y: -61.306127594391214; --rot: -40.1902466529958"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 95.23397509973348; --y: 4.3513711801897434; --rot: 2.6161033588555886"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 67.14594280324562; --y: 68.14347713592535; --rot: 45.42245337060276"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.96719577581774; --y: 95.95413357030519; --rot: 88.22880338234992"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -63.24494802892012; --y: 72.66489977926278; --rot: 131.03515339388863"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -96.10879702613569; --y: 10.370322012044568; --rot: 173.84150340563582"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -77.82496515588676; --y: -57.898832444920785; --rot: -143.35214658261702"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -17.81408135405267; --y: -95.68926942603842; --rot: -100.54579657086987"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.13156434614447; --y: -82.58981642189052; --rot: -57.73944655912269"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 94.69028392200806; --y: -25.25371518746304; --rot: -14.933096547375527"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 86.92509043201724; --y: 45.97252546717516; --rot: 27.87325346437164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 32.64390141301629; --y: 93.11007900140771; --rot: 70.67960347611881"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -39.45389901118494; --y: 90.79862252708034; --rot: 113.48595348786597"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -90.95045344478063; --y: 39.93903014971573; --rot: 156.29230349961315"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -94.18067463941046; --y: -32.61050396589963; --rot: -160.90134648863972"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -47.093484509051095; --y: -88.2167995157145; --rot: -118.09499647689253"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.479610875698793; --y: -97.04415081498085; --rot: -75.28864646514538"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 84.91811393194573; --y: -54.0619247161888; --rot: -32.4822964533982"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 99.36479864744125; --y: 18.10074003330968; --rot: 10.324053558348963"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 60.799573814676016; --y: 81.06698630390923; --rot: 53.13040357009613"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.515443176415166; --y: 101.12139519367153; --rot: 95.9367535818433"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -76.67956486724601; --y: 67.26250316312805; --rot: 138.74310359359046"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -102.29591602469687; --y: -2.7670698905662663; --rot: -178.45054639466238"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -73.4079159154757; --y: -71.77549947851911; --rot: -135.6441963829152"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -5.099479970723614; --y: -102.87368615942654; --rot: -92.83784637116806"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 66.37786198766418; --y: -79.1944266708484; --rot: -50.031496359420885"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 102.84351173117682; --y: -13.038016435680486; --rot: -7.225146347673713"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 84.5823354851924; --y: 60.51304424560347; --rot: 35.58120366407345"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.001330626659332; --y: 102.19779134773015; --rot: 78.38755367582063"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -54.21063415006008; --y: 89.53389445433194; --rot: 121.19390368756781"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -100.93260622413504; --y: 28.9414754427568; --rot: 164.00025369931495"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -94.0135651073644; --y: -47.50327027599748; --rot: -153.1933962889379"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -36.810054044176475; --y: -99.0477882928703; --rot: -110.38704627719072"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 40.426475778349015; --y: -97.98826488994771; --rot: -67.58069626544356"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 96.54696562764339; --y: -44.55851440378622; --rot: -24.77434625369639"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 101.42760106903225; --y: 33.01847239287467; --rot: 18.03200375805078"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.138448135639884; --y: 93.43758465418072; --rot: 60.83835376979794"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.319975495180678; --y: 104.3040904536725; --rot: 103.64470378154512"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -89.73090876306557; --y: 59.50189176543479; --rot: 146.4510537932923"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -106.59336340042061; --y: -17.373971307270853; --rot: -170.74259619496058"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -66.60162857432132; --y: -85.44199308512914; --rot: -127.93624618321341"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.225477464601964; --y: -108.27435065607443; --rot: -85.12989617146623"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 80.58963533820359; --y: -73.39148912547944; --rot: -42.323546159719065"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 109.32945168477981; --y: 0.9212882736546057; --rot: 0.48280385202810117"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 79.82664857266828; --y: 75.1963028042835; --rot: 43.28915386377527"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.4902939002966455; --y: 109.74468323015553; --rot: 86.09550387552244"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -69.28803564737834;.........完整代码请登录后点击上方下载按钮下载查看

网友评论0