mirror of
https://gitee.com/ice-gl/icegl-three-vue-tres.git
synced 2025-04-05 06:22:43 +08:00
2 lines
2.1 KiB
CSS
2 lines
2.1 KiB
CSS
.svgCom>div:first-of-type{position:relative!important}.svgCom,.svgCom #outer{-webkit-user-select:none;user-select:none;pointer-events:none!important}.svgCom #outer #inner{cursor:pointer;-webkit-user-select:none;user-select:none}svg[data-v-a8e199ed]{width:300px;height:300px}svg circle[data-v-a8e199ed]{stroke:#fff}.circle[data-v-a8e199ed]{transform-origin:center}#arc1[data-v-a8e199ed]{stroke-dasharray:30;stroke-dashoffset:18;animation:10s -2s rota-a8e199ed infinite linear}#arc3[data-v-a8e199ed]{stroke-dasharray:400;stroke-dashoffset:400;animation:16s 1s rota-a8e199ed infinite linear}#arc4[data-v-a8e199ed]{stroke-dasharray:400;stroke-dashoffset:400;animation:6s 1s rota-a8e199ed infinite linear reverse}#arc5[data-v-a8e199ed]{stroke-dasharray:400;stroke-dashoffset:400;animation:4s 1s rota-a8e199ed infinite linear}#arc6[data-v-a8e199ed]{stroke-dasharray:400;stroke-dashoffset:400;animation:8s 1s rota-a8e199ed infinite linear alternate}#arc7[data-v-a8e199ed]{stroke-dasharray:400;stroke-dashoffset:400;animation:4s 1s rota-a8e199ed infinite linear reverse}text[data-v-a8e199ed]{fill:#fff;font:700 24px sans-serif}@keyframes rota-a8e199ed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#app{width:100%;height:100vh}[data-v-fd782587]{font-family:sans-serif}.circleScale[data-v-fd782587]{position:relative;top:12%;left:16%;width:50px;height:50px;border-radius:50%;opacity:.66}.circleScaleAnimationOld[data-v-fd782587]{animation:circleScaleExpandOld-fd782587 1s ease-in forwards}.circleScaleAnimationNew[data-v-fd782587]{animation:circleScaleExpandNew-fd782587 1s ease-out forwards}@keyframes circleScaleExpandOld-fd782587{0%{transform:scale(.1)}to{transform:scale(80.1)}}@keyframes circleScaleExpandNew-fd782587{0%{transform:scale(0)}to{transform:scale(80)}}.title[data-v-fd782587]{margin-top:-120px;font-family:Bebas Neue,cursive;font-size:128px}@media (max-width: 768px){.title[data-v-fd782587]{margin-top:20px;font-size:64px}}.landingpage-bg[data-v-fd782587]{background-image:url(../png/heatmap2.cUx8f8j51725721021019.png);filter:blur(46px) hue-rotate(325deg) grayscale(100%)}li[data-v-fd782587]{list-style:none}
|