单个div+css实现窗外下雨电闪雷鸣动画效果代码-html代码-BFW代码库

代码语言：html
所属分类：动画
代码描述：单个div+css实现窗外下雨电闪雷鸣动画效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

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

<head>

  <meta charset="UTF-8">

  
  
  
<style>
@property --dropY {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
*, *::before, *::after {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background-image: repeating-linear-gradient(15deg, #122 0 1px, #222 0 4px);
}

.rainyWindow {
  position: relative;
  width: 360px;
  height: 420px;
  background: none, linear-gradient(#fff0, #fff7 20px, #fff0 24px) 0px calc(332px + (var(--dropY, 0px) * 1.399)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 1px calc(118px + (var(--dropY, 0px) * 0.57)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 2px calc(65px + (var(--dropY, 0px) * 0.608)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 3px calc(2px + (var(--dropY, 0px) * 1.313)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 4px calc(411px + (var(--dropY, 0px) * 1.398)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 5px calc(415px + (var(--dropY, 0px) * 0.68)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 6px calc(227px + (var(--dropY, 0px) * 1.474)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 7px calc(391px + (var(--dropY, 0px) * 0.697)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 8px calc(14px + (var(--dropY, 0px) * 0.505)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 9px calc(63px + (var(--dropY, 0px) * 0.788)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 10px calc(16px + (var(--dropY, 0px) * 1.414)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 11px calc(230px + (var(--dropY, 0px) * 1.099)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 12px calc(77px + (var(--dropY, 0px) * 0.78)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 13px calc(91px + (var(--dropY, 0px) * 1.144)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 14px calc(375px + (var(--dropY, 0px) * 0.642)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 15px calc(64px + (var(--dropY, 0px) * 0.835)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 16px calc(57px + (var(--dropY, 0px) * 0.754)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 17px calc(34px + (var(--dropY, 0px) * 0.619)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 18px calc(193px + (var(--dropY, 0px) * 0.977)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 19px calc(398px + (var(--dropY, 0px) * 0.793)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 20px calc(195px + (var(--dropY, 0px) * 1.207)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 21px calc(359px + (var(--dropY, 0px) * 0.616)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 22px calc(78px + (var(--dropY, 0px) * 0.536)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 23px calc(320px + (var(--dropY, 0px) * 1.433)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 24px calc(364px + (var(--dropY, 0px) * 1.382)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 25px calc(404px + (var(--dropY, 0px) * 1.145)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 26px calc(387px + (var(--dropY, 0px) * 0.945)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 27px calc(419px + (var(--dropY, 0px) * 1.467)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 28px calc(245px + (var(--dropY, 0px) * 0.658)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 29px calc(206px + (var(--dropY, 0px) * 1.254)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 30px calc(131px + (var(--dropY, 0px) * 1.198)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 31px calc(298px + (var(--dropY, 0px) * 0.629)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 32px calc(295px + (var(--dropY, 0px) * 0.741)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 33px calc(161px + (var(--dropY, 0px) * 0.635)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 34px calc(261px + (var(--dropY, 0px) * 1.406)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 35px calc(340px + (var(--dropY, 0px) * 0.552)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 36px calc(389px + (var(--dropY, 0px) * 0.601)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 37px calc(34px + (var(--dropY, 0px) * 0.527)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 38px calc(14px + (var(--dropY, 0px) * 1.339)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 39px calc(341px + (var(--dropY, 0px) * 1.299)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 40px calc(114px + (var(--dropY, 0px) * 0.837)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 41px calc(309px + (var(--dropY, 0px) * 0.975)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 42px calc(253px + (var(--dropY, 0px) * 0.892)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 43px calc(167px + (var(--dropY, 0px) * 0.545)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 44px calc(133px + (var(--dropY, 0px) * 1.458)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 45px calc(210px + (var(--dropY, 0px) * 0.645)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 46px calc(334px + (var(--dropY, 0px) * 1.37)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 47px calc(203px + (var(--dropY, 0px) * 0.871)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 48px calc(166px + (var(--dropY, 0px) * 0.93)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 49px calc(88px + (var(--dropY, 0px) * 0.8)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 50px calc(394px + (var(--dropY, 0px) * 1.484)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 51px calc(407px + (var(--dropY, 0px) * 1.009)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 52px calc(338px + (var(--dropY, 0px) * 1.33)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 53px calc(400px + (var(--dropY, 0px) * 1.461)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 54px calc(318px + (var(--dropY, 0px) * 0.545)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 55px calc(151px + (var(--dropY, 0px) * 0.898)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 56px calc(359px + (var(--dropY, 0px) * 1.432)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 57px calc(405px + (var(--dropY, 0px) * 0.744)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 58px calc(245px + (var(--dropY, 0px) * 1.378)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 59px calc(29px + (var(--dropY, 0px) * 0.854)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 60px calc(279px + (var(--dropY, 0px) * 0.888)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 61px calc(195px + (var(--dropY, 0px) * 0.737)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 62px calc(123px + (var(--dropY, 0px) * 1.206)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 63px calc(158px + (var(--dropY, 0px) * 0.671)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 64px calc(109px + (var(--dropY, 0px) * 0.746)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 65px calc(328px + (var(--dropY, 0px) * 1.416)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 66px calc(157px + (var(--dropY, 0px) * 1.187)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 67px calc(276px + (var(--dropY, 0px) * 0.789)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 68px calc(113px + (var(--dropY, 0px) * 1.21)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 69px calc(228px + (var(--dropY, 0px) * 0.727)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 70px calc(266px + (var(--dropY, 0px) * 1.161)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 71px calc(417px + (var(--dropY, 0px) * 1.448)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 72px calc(269px + (var(--dropY, 0px) * 0.99)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 73px calc(59px + (var(--dropY, 0px) * 1.073)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 74px calc(77px + (var(--dropY, 0px) * 0.964)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 75px calc(242px + (var(--dropY, 0px) * 0.699)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 76px calc(360px + (var(--dropY, 0px) * 1.112)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 77px calc(204px + (var(--dropY, 0px) * 1.173)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 78px calc(49px + (var(--dropY, 0px) * 1.312)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 79px calc(199px + (var(--dropY, 0px) * 1.335)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 80px calc(299px + (var(--dropY, 0px) * 0.537)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 81px calc(122px + (var(--dropY, 0px) * 1.074)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 82px calc(201px + (var(--dropY, 0px) * 0.688)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 83px calc(379px + (var(--dropY, 0px) * 1.248)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 84px calc(153px + (var(--dropY, 0px) * 0.526)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 85px calc(414px + (var(--dropY, 0px) * 1.22)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 86px calc(146px + (var(--dropY, 0px) * 1.078)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 87px calc(270px + (var(--dropY, 0px) * 1.412)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 88px calc(188px + (var(--dropY, 0px) * 1.258)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 89px calc(73px + (var(--dropY, 0px) * 1.089)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 90px calc(165px + (var(--dropY, 0px) * 1.456)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 91px calc(26px + (var(--dropY, 0px) * 0.705)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 92px calc(405px + (var(--dropY, 0px) * 0.504)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 93px calc(201px + (var(--dropY, 0px) * 1.439)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 94px calc(24px + (var(--dropY, 0px) * 0.884)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 95px calc(143px + (var(--dropY, 0px) * 1.174)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 96px calc(194px + (var(--dropY, 0px) * 0.729)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 97px calc(163px + (var(--dropY, 0px) * 0.983)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 98px calc(311px + (var(--dropY, 0px) * 1.032)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 99px calc(185px + (var(--dropY, 0px) * 0.55)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 100px calc(398px + (var(--dropY, 0px) * 1.337)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 101px calc(149px + (var(--dropY, 0px) * 1.344)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 102px calc(42px + (var(--dropY, 0px) * 1.426)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 103px calc(81px + (var(--dropY, 0px) * 1.085)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 104px calc(26px + (var(--dropY, 0px) * 0.53)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 105px calc(370px + (var(--dropY, 0px) * 1.082)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 106px calc(419px + (var(--dropY, 0px) * 1.156)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 107px calc(219px + (var(--dropY, 0px) * 0.606)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 108px calc(420px + (var(--dropY, 0px) * 1.061)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 109px calc(238px + (var(--dropY, 0px) * 1.126)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 110px calc(332px + (var(--dropY, 0px) * 0.696)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 111px calc(344px + (var(--dropY, 0px) * 0.855)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 112px calc(231px + (var(--dropY, 0px) * 1.087)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 113px calc(98px + (var(--dropY, 0px) * 0.799)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 114px calc(101px + (var(--dropY, 0px) * 0.702)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 115px calc(41px + (var(--dropY, 0px) * 1.363)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 116px calc(243px + (var(--dropY, 0px) * 1.464)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 117px calc(328px + (var(--dropY, 0px) * 0.809)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 118px calc(19px + (var(--dropY, 0px) * 0.55)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 119px calc(191px + (var(--dropY, 0px) * 1.132)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 120px calc(372px + (var(--dropY, 0px) * 1.091)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 121px calc(26px + (var(--dropY, 0px) * 0.761)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 122px calc(161px + (var(--dropY, 0px) * 1.445)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 123px calc(219px + (var(--dropY, 0px) * 1.034)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 124px calc(230px + (var(--dropY, 0px) * 1.381)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 125px calc(176px + (var(--dropY, 0px) * 0.549)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 126px calc(313px + (var(--dropY, 0px) * 0.75)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 127px calc(407px + (var(--dropY, 0px) * 1.414)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 128px calc(282px + (var(--dropY, 0px) * 1.34)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 129px calc(379px + (var(--dropY, 0px) * 0.841)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 130px calc(58px + (var(--dropY, 0px) * 1.098)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 131px calc(42px + (var(--dropY, 0px) * 1.496)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 132px calc(137px + (var(--dropY, 0px) * 1.307)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 133px calc(217px + (var(--dropY, 0px) * 1.447)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 134px calc(310px + (var(--dropY, 0px) * 1.286)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 135px calc(218px + (var(--dropY, 0px) * 0.565)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 136px calc(324px + (var(--dropY, 0px) * 0.579)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 137px calc(320px + (var(--dropY, 0px) * 1.243)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 138px calc(388px + (var(--dropY, 0px) * 1.452)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 139px calc(153px + (var(--dropY, 0px) * 0.681)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 140px calc(308px + (var(--dropY, 0px) * 1.424)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 141px calc(72px + (var(--dropY, 0px) * 1.383)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 142px calc(164px + (var(--dropY, 0px) * 0.756)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 143px calc(174px + (var(--dropY, 0px) * 1.295)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 144px calc(351px + (var(--dropY, 0px) * 1.255)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 145px calc(57px + (var(--dropY, 0px) * 1.309)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 146px calc(154px + (var(--dropY, 0px) * 1.3)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 147px calc(94px + (var(--dropY, 0px) * 1.361)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 148px calc(48px + (var(--dropY, 0px) * 0.818)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 149px calc(393px + (var(--dropY, 0px) * 0.932)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 150px calc(288px + (var(--dropY, 0px) * 0.715)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 151px calc(41px + (var(--dropY, 0px) * 1.375)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 152px calc(33px + (var(--dropY, 0px) * 0.677)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 153px calc(255px + (var(--dropY, 0px) * 1.018)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 154px calc(37px + (var(--dropY, 0px) * 0.814)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 155px calc(281px + (var(--dropY, 0px) * 0.529)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 156px calc(393px + (var(--dropY, 0px) * 1.496)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 157px calc(79px + (var(--dropY, 0px) * 0.898)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 158px calc(261px + (var(--dropY, 0px) * 1.221)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 159px calc(305px + (var(--dropY, 0px) * 0.756)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 160px calc(145px + (var(--dropY, 0px) * 1.345)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 161px calc(160px + (var(--dropY, 0px) * 0.711)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 162px calc(281px + (var(--dropY, 0px) * 0.982)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 163px calc(341px + (var(--dropY, 0px) * 0.567)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 164px calc(236px + (var(--dropY, 0px) * 1.161)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 165px calc(28px + (var(--dropY, 0px) * 0.784)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 166px calc(203px + (var(--dropY, 0px) * 1.341)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 167px calc(393px + (var(--dropY, 0px) * 0.783)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 168px calc(391px + (var(--dropY, 0px) * 0.636)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 169px calc(46px + (var(--dropY, 0px) * 0.705)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 170px calc(357px + (var(--dropY, 0px) * 0.715)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 171px calc(223px + (var(--dropY, 0px) * 0.557)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 172px calc(103px + (var(--dropY, 0px) * 1.168)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 173px calc(52px + (var(--dropY, 0px) * 1.243)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 174px calc(81px + (var(--dropY, 0px) * 0.775)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 175px calc(153px + (var(--dropY, 0px) * 1.359)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 176px calc(295px + (var(--dropY, 0px) * 0.706)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 177px calc(336px + (var(--dropY, 0px) * 1.242)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 178px calc(394px + (var(--dropY, 0px) * 1.06)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 179px calc(181px + (var(--dropY, 0px) * 1.175)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 180px calc(242px + (var(--dropY, 0px) * 1.116)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 181px calc(161px + (var(--dropY, 0px) * 0.834)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 182px calc(348px + (var(--dropY, 0px) * 1.261)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 183px calc(65px + (var(--dropY, 0px) * 1.489)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 184px calc(33px + (var(--dropY, 0px) * 0.922)), linear-gradient(#fff0, #fff7 20px, #fff0 24px) 185px cal.........完整代码请登录后点击上方下载按钮下载查看