html css如何渐变阴影,CSS3 渐变色彩的文本阴影

CSS

语言：

CSSSCSS

确定

@-webkit-keyframes shift {

0% {

-webkit-filter: hue-rotate(-90deg);

filter: hue-rotate(-90deg);

}

100% {

-webkit-filter: hue-rotate(90deg);

filter: hue-rotate(90deg);

}

}

@keyframes shift {

0% {

-webkit-filter: hue-rotate(-90deg);

filter: hue-rotate(-90deg);

}

100% {

-webkit-filter: hue-rotate(90deg);

filter: hue-rotate(90deg);

}

}

html {

background-color: #8594e0;

-webkit-animation: shift 15s infinite ease-in-out alternate;

animation: shift 15s infinite ease-in-out alternate;

}

html,

body {

overflow: hidden;

position: absolute;

height: 100%;

width: 100%;

left: 0;

top: 0;

}

.stack {

-ms-transform: translate(-50%, -50%);

-webkit-transform: translate(-50%, -50%);

transform: translate(-50%, -50%);

font-family: "Lato", sans-serif;

text-transform: uppercase;

text-align: center;

line-height: 80%;

letter-spacing: 0.05em;

position: absolute;

font-weight: 100;

font-size: 90px;

left: 50%;

top: 50%;

color: #a3d1e7;

text-shadow: 1px 1px 0 #85c2e0, 2px 2px 0 #85c1e0, 3px 3px 0 #85c1e0, 4px 4px 0 #85c1e0, 5px 5px 0 #85c1e0, 6px 6px 0 #85c1e0, 7px 7px 0 #85c1e0, 8px 8px 0 #85c1e0, 9px 9px 0 #85c0e0, 10px 10px 0 #85c0e0, 11px 11px 0 #85c0e0, 12px 12px 0 #85c0e0, 13px 13px 0 #85c0e0, 14px 14px 0 #85c0e0, 15px 15px 0 #85c0e0, 16px 16px 0 #85bfe0, 17px 17px 0 #85bfe0, 18px 18px 0 #85bfe0, 19px 19px 0 #85bfe0, 20px 20px 0 #85bfe0, 21px 21px 0 #85bfe0, 22px 22px 0 #85bee0, 23px 23px 0 #85bee0, 24px 24px 0 #85bee0, 25px 25px 0 #85bee0, 26px 26px 0 #85bee0, 27px 27px 0 #85bee0, 28px 28px 0 #85bee0, 29px 29px 0 #85bde0, 30px 30px 0 #85bde0, 31px 31px 0 #85bde0, 32px 32px 0 #85bde0, 33px 33px 0 #85bde0, 34px 34px 0 #85bde0, 35px 35px 0 #85bce0, 36px 36px 0 #85bce0, 37px 37px 0 #85bce0, 38px 38px 0 #85bce0, 39px 39px 0 #85bce0, 40px 40px 0 #85bce0, 41px 41px 0 #85bce0, 42px 42px 0 #85bbe0, 43px 43px 0 #85bbe0, 44px 44px 0 #85bbe0, 45px 45px 0 #85bbe0, 46px 46px 0 #85bbe0, 47px 47px 0 #85bbe0, 48px 48px 0 #85bae0, 49px 49px 0 #85bae0, 50px 50px 0 #85bae0, 51px 51px 0 #85bae0, 52px 52px 0 #85bae0, 53px 53px 0 #85bae0, 54px 54px 0 #85bae0, 55px 55px 0 #85b9e0, 56px 56px 0 #85b9e0, 57px 57px 0 #85b9e0, 58px 58px 0 #85b9e0, 59px 59px 0 #85b9e0, 60px 60px 0 #85b9e0, 61px 61px 0 #85b8e0, 62px 62px 0 #85b8e0, 63px 63px 0 #85b8e0, 64px 64px 0 #85b8e0, 65px 65px 0 #85b8e0, 66px 66px 0 #85b8e0, 67px 67px 0 #85b8e0, 68px 68px 0 #85b7e0, 69px 69px 0 #85b7e0, 70px 70px 0 #85b7e0, 71px 71px 0 #85b7e0, 72px 72px 0 #85b7e0, 73px 73px 0 #85b7e0, 74px 74px 0 #85b6e0, 75px 75px 0 #85b6e0, 76px 76px 0 #85b6e0, 77px 77px 0 #85b6e0, 78px 78px 0 #85b6e0, 79px 79px 0 #85b6e0, 80px 80px 0 #85b6e0, 81px 81px 0 #85b5e0, 82px 82px 0 #85b5e0, 83px 83px 0 #85b5e0, 84px 84px 0 #85b5e0, 85px 85px 0 #85b5e0, 86px 86px 0 #85b5e0, 87px 87px 0 #85b4e0, 88px 88px 0 #85b4e0, 89px 89px 0 #85b4e0, 90px 90px 0 #85b4e0, 91px 91px 0 #85b4e0, 92px 92px 0 #85b4e0, 93px 93px 0 #85b4e0, 94px 94px 0 #85b3e0, 95px 95px 0 #85b3e0, 96px 96px 0 #85b3e0, 97px 97px 0 #85b3e0, 98px 98px 0 #85b3e0, 99px 99px 0 #85b3e0, 100px 100px 0 #85b2e0, 101px 101px 0 #85b2e0, 102px 102px 0 #85b2e0, 103px 103px 0 #85b2e0, 104px 104px 0 #85b2e0, 105px 105px 0 #85b2e0, 106px 106px 0 #85b2e0, 107px 107px 0 #85b1e0, 108px 108px 0 #85b1e0, 109px 109px 0 #85b1e0, 110px 110px 0 #85b1e0, 111px 111px 0 #85b1e0, 112px 112px 0 #85b1e0, 113px 113px 0 #85b1e0, 114px 114px 0 #85b0e0, 115px 115px 0 #85b0e0, 116px 116px 0 #85b0e0, 117px 117px 0 #85b0e0, 118px 118px 0 #85b0e0, 119px 119px 0 #85b0e0, 120px 120px 0 #85afe0, 121px 121px 0 #85afe0, 122px 122px 0 #85afe0, 123px 123px 0 #85afe0, 124px 124px 0 #85afe0, 125px 125px 0 #85afe0, 126px 126px 0 #85afe0, 127px 127px 0 #85aee0, 128px 128px 0 #85aee0, 129px 129px 0 #85aee0, 130px 130px 0 #85aee0, 131px 131px 0 #85aee0, 132px 132px 0 #85aee0, 133px 133px 0 #85ade0, 134px 134px 0 #85ade0, 135px 135px 0 #85ade0, 136px 136px 0 #85ade0, 137px 137px 0 #85ade0, 138px 138px 0 #85ade0, 139px 139px 0 #85ade0, 140px 140px 0 #85ace0, 141px 141px 0 #85ace0, 142px 142px 0 #85ace0, 143px 143px 0 #85ace0, 144px 144px 0 #85ace0, 145px 145px 0 #85ace0, 146px 146px 0 #85abe0, 147px 147px 0 #85abe0, 148px 148px 0 #85abe0, 149px 149px 0 #85abe0, 150px 150px 0 #85abe0, 151px 151px 0 #85abe0, 152px 152px 0 #85abe0, 153px 153px 0 #85aae0, 154px 154px 0 #85aae0, 155px 155px 0 #85aae0, 156px 156px 0 #85aae0, 157px 157px 0 #85aae0, 158px 158px 0 #85aae0, 159px 159px 0 #85a9e0, 160px 160px 0 #85a9e0, 161px 161px 0 #85a9e0, 162px 162px 0 #85a9e0, 163px 163px 0 #85a9e0, 164px 164px 0 #85a9e0, 165px 165px 0 #85a9e0, 166px 166px 0 #85a8e0, 167px 167px 0 #85a8e0, 168px 168px 0 #85a8e0, 169px 169px 0 #85a8e0, 170px 170px 0 #85a8e0, 171px 171px 0 #85a8e0, 172px 172px 0 #85a7e0, 173px 173px 0 #85a7e0, 174px 174px 0 #85a7e0, 175px 175px 0 #85a7e0, 176px 176px 0 #85a7e0, 177px 177px 0 #85a7e0, 178px 178px 0 #85a7e0, 179px 179px 0 #85a6e0, 180px 180px 0 #85a6e0, 181px 181px 0 #85a6e0, 182px 182px 0 #85a6e0, 183px 183px 0 #85a6e0, 184px 184px 0 #85a6e0, 185px 185px 0 #85a5e0, 186px 186px 0 #85a5e0, 187px 187px 0 #85a5e0, 188px 188px 0 #85a5e0, 189px 189px 0 #85a5e0, 190px 190px 0 #85a5e0, 191px 191px 0 #85a5e0, 192px 192px 0 #85a4e0, 193px 193px 0 #85a4e0, 194px 194px 0 #85a4e0, 195px 195px 0 #85a4e0, 196px 196px 0 #85a4e0, 197px 197px 0 #85a4e0, 198px 198px 0 #85a4e0, 199px 199px 0 #85a3e0, 200px 200px 0 #85a3e0, 201px 201px 0 #85a3e0, 202px 202px 0 #85a3e0, 203px 203px 0 #85a3e0, 204px 204px 0 #85a3e0, 205px 205px 0 #85a2e0, 206px 206px 0 #85a2e0, 207px 207px 0 #85a2e0, 208px 208px 0 #85a2e0, 209px 209px 0 #85a2e0, 210px 210px 0 #85a2e0, 211px 211px 0 #85a2e0, 212px 212px 0 #85a1e0, 213px 213px 0 #85a1e0, 214px 214px 0 #85a1e0, 215px 215px 0 #85a1e0, 216px 216px 0 #85a1e0, 217px 217px 0 #85a1e0, 218px 218px 0 #85a0e0, 219px 219px 0 #85a0e0, 220px 220px 0 #85a0e0, 221px 221px 0 #85a0e0, 222px 222px 0 #85a0e0, 223px 223px 0 #85a0e0, 224px 224px 0 #85a0e0, 225px 225px 0 #859fe0, 226px 226px 0 #859fe0, 227px 227px 0 #859fe0, 228px 228px 0 #859fe0, 229px 229px 0 #859fe0, 230px 230px 0 #859fe0, 231px 231px 0 #859ee0, 232px 232px 0 #859ee0, 233px 233px 0 #859ee0, 234px 234px 0 #859ee0, 235px 235px 0 #859ee0, 236px 236px 0 #859ee0, 237px 237px 0 #859ee0, 238px 238px 0 #859de0, 239px 239px 0 #859de0, 240px 240px 0 #859de0, 241px 241px 0 #859de0, 242px 242px 0 #859de0, 243px 243px 0 #859de0, 244px 244px 0 #859ce0, 245px 245px 0 #859ce0, 246px 246px 0 #859ce0, 247px 247px 0 #859ce0, 248px 248px 0 #859ce0, 249px 249px 0 #859ce0, 250px 250px 0 #859ce0, 251px 251px 0 #859be0, 252px 252px 0 #859be0, 253px 253px 0 #859be0, 254px 254px 0 #859be0, 255px 255px 0 #859be0, 256px 256px 0 #859be0, 257px 257px 0 #859ae0, 258px 258px 0 #859ae0, 259px 259px 0 #859ae0, 260px 260px 0 #859ae0, 261px 261px 0 #859ae0, 262px 262px 0 #859ae0, 263px 263px 0 #859ae0, 264px 264px 0 #8599e0, 265px 265px 0 #8599e0, 266px 266px 0 #8599e0, 267px 267px 0 #8599e0, 268px 268px 0 #8599e0, 269px 269px 0 #8599e0, 270px 270px 0 #8598e0, 271px 271px 0 #8598e0, 272px 272px 0 #8598e0, 273px 273px 0 #8598e0, 274px 274px 0 #8598e0, 275px 275px 0 #8598e0, 276px 276px 0 #8598e0, 277px 277px 0 #8597e0, 278px 278px 0 #8597e0, 279px 279px 0 #8597e0, 280px 280px 0 #8597e0, 281px 281px 0 #8597e0, 282px 282px 0 #8597e0, 283px 283px 0 #8597e0, 284px 284px 0 #8596e0, 285px 285px 0 #8596e0, 286px 286px 0 #8596e0, 287px 287px 0 #8596e0, 288px 288px 0 #8596e0, 289px 289px 0 #8596e0, 290px 290px 0 #8595e0, 291px 291px 0 #8595e0, 292px 292px 0 #8595e0, 293px 293px 0 #8595e0, 294px 294px 0 #8595e0, 295px 295px 0 #8595e0, 296px 296px 0 #8595e0, 297px 297px 0 #8594e0, 298px 298px 0 #8594e0, 299px 299px 0 #8594e0;

}