gsap+Draggable实现可拖动的星星闪烁动画效果代码
代码语言:html
所属分类:拖放
代码描述:gsap+Draggable实现可拖动的星星闪烁动画效果代码
代码标签: gsap Draggable 星星 拖动 动画 闪烁
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { background-color: #000; } .star { width: 100%; } .star svg { width: 100%; height: auto; } </style> </head> <body> <div class="star"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 800"><polygon points="279.02 423.13 263.89 424.28 256.26 437.39 250.49 423.36 235.66 420.15 247.23 410.33 245.69 395.24 258.61 403.2 272.49 397.08 268.9 411.82 279.02 423.13" fill="#fff19c"/><polygon points="373.45 251 345.14 239.23 319.4 255.89 321.84 225.32 298.04 205.99 327.86 198.87 338.9 170.26 354.89 196.42 385.5 198.07 365.57 221.37 373.45 251" fill="#fff19c"/><polygon points="161.33 285.83 151.8 278.3 140.2 281.89 144.41 270.5 137.42 260.57 149.55 261.06 156.83 251.34 160.12 263.03 171.61 266.94 161.51 273.69 161.33 285.83" fill="#fff19c"/><circle cx="560.5" cy="239.5" r="30.5" fill="#fff19c"/><circle cx="398.5" cy="317.5" r="20.5" fill="#fff19c"/><circle cx="562" cy="343" r="15" fill="#fff19c"/><polygon points="781.97 251.49 773.35 239 758.18 239.02 767.39 226.97 762.68 212.54 777 217.58 789.26 208.64 788.89 223.81 801.18 232.71 786.64 237.05 781.97 251.49" fill="#fff19c"/><polygon points="1048.01 325.3 1017.93 331.25 1005.77 359.39 990.83 332.62 960.3 329.76 981.14 307.27 974.43 277.36 1002.26 290.23 1028.64 274.6 1024.99 305.04 1048.01 325.3" fill="#fff19c"/><polygon points="211.9 601.37 202 608.4 202.18 620.54 192.43 613.3 180.94 617.22 184.82 605.72 177.54 596 189.68 596.13 196.67 586.2 200.3 597.79 211.9 601.37" fill="#fff19c"/><circle cx="385.5" cy="469.5" r="30.5" fill="#fff19c"/><circle cx="910.5" cy="546.5" r="20.5" fill="#fff19c"/><circle cx="819" cy="344" r=".........完整代码请登录后点击上方下载按钮下载查看
网友评论0