文字阴影倾斜效果

代码语言:html

所属分类:布局界面

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

  
    <style>
        html {
            font-size: 1em;
        }

        body {
            overflow: hidden;
        }

        #ambiva-header {
            width: 100%;
            height: 100vh;
            background-color: salmon;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        #ambiva-header h1, #ambiva-header h2, #ambiva-header h3 {
            text-transform: uppercase;
            color: white;
            font-size: 4rem;
            text-shadow: 0px 0px transparent, 2px 2px #fb968b, 3px 3px #fb968b, 4px 4px #fb968b, 5px 5px #fb968b, 6px 6px #fb968b, 7px 7px #fb968b, 8px 8px #fb968b, 9px 9px #fb968b, 10px 10px #fb968b, 11px 11px #fb968b, 12px 12px #fb968b, 13px 13px #fb968b, 14px 14px #fb968b, 15px 15px #fb968b, 16px 16px #fb968b, 17px 17px #fb968b, 18px 18px #fb968b, 19px 19px #fb968b, 20px 20px #fb968b, 21px 21px #fb968b, 22px 22px #fb968b, 23px 23px #fb968b, 24px 24px #fb968b, 25px 25px #fb968b, 26px 26px #fb968b, 27px 27px #fb968b, 28px 28px #fb968b, 29px 29px #fb968b, 30px 30px #fb968b, 31px 31px #fb968b, 32px 32px #fb968b, 33px 33px #fb968b, 34px 34px #fb968b, 35px 35px #fb968b, 36px 36px #fb968b, 37px 37px #fb968b, 38px 38px #fb968b, 39px 39px #fb968b, 40px 40px #fb968b, 41px 41px #fb968b, 42px 42px #fb968b, 43px 43px #fb968b, 44px 44px #fb968b, 45px 45px #fb968b, 46px 46px #fb968b, 47px 47px #fb968b, 48px 48px #fb968b, 49px 49px #fb968b, 50px 50px #fb968b, 51px 51px #fb968b, 52px 52px #fb968b, 53px 53px #fb968b, 54px 54px #fb968b, 55px 55px #fb968b, 56px 56px #fb968b, 57px 57px #fb968b, 58px 58px #fb968b, 59px 59px #fb968b, 60px 60px #fb968b, 61px 61px #fb968b, 62px 62px #fb968b, 63px 63px #fb968b, 64px 64px #fb968b, 65px 65px #fb968b, 66px 66px #fb968b, 67px 67px #fb968b, 68px 68px #fb968b, 69px 69px #fb968b, 70px 70px #fb968b, 71px 71px #fb968b, 72px 72px #fb968b, 73px 73px #fb968b, 74px 74px #fb968b, 75px 75px #fb968b, 76px 76px #fb968b, 77px 77px #fb968b, 78px 78px #fb968b, 79px 79px #fb968b, 80px 80px #fb968b, 81px 81px #fb968b, 82px 82px #fb968b, 83px 83px #fb968b, 84px 84px #fb968b, 85px 85px #fb968b, 86px 86px #fb968b, 87px 87px #fb968b, 88px 88px #fb968b, 89px 89px #fb968b, 90px 90px #fb968b, 91px 91px #fb968b, 92px 92px #fb968b, 93px 93px #fb968b, 94px 94px #fb968b, 95px 95px #fb968b, 96px 96px #fb968b, 97px 97px #fb968b, 98px 98px #fb968b, 99px 99px #fb968b, 100px 100px #fb968b, 101px 101px #fb968b, 102px 102px #fb968b, 103px 103px #fb968b, 104px 104px #fb968b, 105px 105px #fb968b, 106px 106px #fb968b, 107px 107px #fb968b, 108px 108px #fb968b, 109px 109px #fb968b, 110px 110px #fb968b, 111px 111px #fb968b, 112px 112px #fb968b, 113px 113px #fb968b, 114px 114px #fb968b, 115px 115px #fb968b, 116px 116px #fb968b, 117px 117px #fb968b, 118px 118px #fb968b, 119px 119px #fb968b, 120px 120px #fb968b, 121px 121px #fb968b, 122px 122px #fb968b, 123px 123px #fb968b, 124px 124px #fb968b, 125px 125px #fb968b, 126px 126px #fb968b, 127px 127px #fb968b, 128px 128px #fb968b, 129px 129px #fb968b, 130px 130px #fb968b, 131px 131px #fb968b, 132px 132px #fb968b, 133px 133px #fb968b, 134px 134px #fb968b, 135px 135px #fb968b, 136px 136px #fb968b, 137px 137px #fb968b, 138px 138px #fb968b, 139px 139px #fb968b, 140px 140px #fb968b, 141px 141px #fb968b, 142px 142px #fb968b, 143px 143px #fb968b, 144px 144px #fb968b, 145px 145px #fb968b, 146px 146px #fb968b, 147px 147px #fb968b, 148px 148px #fb968b, 149px 149px #fb968b, 150px 150px #fb968b, 151px 151px #fb968b, 152px 152px #fb968b, 153px 153px #fb968b, 154px 154px #fb968b, 155px 155px #fb968b, 156px 156px #fb968b, 157px 157px #fb968b, 158px 158px #fb968b, 159px 159px #fb968b, 160px 160px #fb968b, 161px 161px #fb968b, 162px 162px #fb968b, 163px 163px #fb968b, 164px 164px #fb968b, 165px 165px #fb968b, 166px 166px #fb968b, 167px 167px #fb968b, 168px 168px #fb968b, 169px 169px #fb968b, 170px 170px #fb968b, 171px 171px #fb968b, 172px 172px #fb968b, 173px 173px #fb968b, 174px 174px #fb968b, 175px 175px #fb968b, 176px 176px #fb968b, 177px 177px #fb968b, 178px 178px #fb968b, 179px 179px #fb968b, 180px 180px #fb968b, 181px 181px #fb968b, 182px 182px #fb968b, 183px 183px #fb968b, 184px 184px #fb968b, 185px 185px #fb968b, 186px 186px #fb968b, 187px 187px #fb968b, 188px 188px #fb968b, 189px 189px #fb968b, 190px 190px #fb968b, 191px 191px #fb968b, 192px 192px #fb968b, 193px 193px #fb968b, 194px 194px #fb968b, 195px 195px #fb968b, 196px 196px #fb968b, 197px 197px #fb968b, 198px 198px #fb968b, 199px 199px #fb968b, 200px 200px #fb968b, 201px 201px #fb968b, 202px 202px #fb968b, 203px 203px #fb968b, 204px 204px #fb968b, 205px 205px #fb968b, 206px 206px #fb968b, 207px 207px #fb968b, 208px 208px #fb968b, 209px 209px #fb968b, 210px 210px #fb968b, 211px 211px #fb968b, 212px 212px #fb968b, 213px 213px #fb968b, 214px 214px #fb968b, 215px 215px #fb968b, 216px 216px #fb968b, 217px 217px #fb968b, 218px 218px #fb968b, 219px 219px #fb968b, 220px 220px #fb968b, 221px 221px #fb968b, 222px 222px #fb968b, 223px 223px #fb968b, 224px 224px #fb968b, 225px 225px #fb968b, 226px 226px #fb968b, 227px 227px #fb968b, 228px 228px #fb968b, 229px 229px #fb968b, 230px 230px #fb968b, 231px 231px #fb968b, 232px 232px #fb968b, 233px 233px #fb968b, 234px 234px #fb968b, 235px 235px #fb968b, 236px 236px #fb968b, 237px 237px #fb968b, 238px 238px #fb968b, 239px 239px #fb968b, 240px 240px #fb968b, 241px 241px #fb968b, 242px 242px #fb968b, 243px 243px #fb968b, 244px 244px #fb968b, 245px 245px #fb968b, 246px 246px #fb968b, 247px 247px #fb968b, 248px 248px #fb968b, 249px 249px #fb968b, 250px 250px #fb968b, 251px 251px #fb968b, 252px 252px #fb968b, 253px 253px #fb968b, 254px 254px #fb968b, 255px 255px #fb968b, 256px 256px #fb968b, 257px 257px #fb968b, 258px 258px #fb968b, 259px 259px #fb968b, 260px 260px #fb968b, 261px 261px #fb968b, 262px 262px #fb968b, 263px 263px #fb968b, 264px 264px #fb968b, 265px 265px #fb968b, 266px 266px #fb968b, 267px 267px #fb968b, 268px 268px #fb968b, 269px 269px #fb968b, 270px 270px #fb968b, 271px 271px #fb968b, 272px 272px #fb968b, 273px 273px #fb968b, 274px 274px #fb968b, 275px 275px #fb968b, 276px 276px #fb968b, 277px 277px #fb968b, 278px 278px #fb968b, 279px 279px #fb968b, 280px 280px #fb968b, 281px 281px #fb968b, 282px 282px #fb968b, 283px 283px #fb968b, 284px 284px #fb968b, 285px 285px #fb968b, 286px 286px #fb968b, 287px 287px #fb968b, 288px 288px #fb968b, 289px 289px #fb968b, 290px 290px #fb968b, 291px 291px #fb968b, 292px 292px #fb968b, 293px 293px #fb968b, 294px 294px #fb968b, 295px 295px #fb968b, 296px 296px #fb968b, 297px 297px #fb968b, 298px 298px #fb968b, 299px 299px #fb968b, 300px 300px #fb968b, 301px 301px #fb968b, 302px 302px #fb968b, 303px 303px #fb968b, 304px 304px #fb968b, 305px 305px #fb968b, 306px 306px #fb968b, 307px 307px #fb968b, 308px 308px #fb968b, 309px 309px #fb968b, 310px 310px #fb968b, 311px 311px #fb968b, 312px 312px #fb968b, 313px 313px #fb968b, 314px 314px #fb968b, 315px 315px #fb968b, 316px 316px #fb968b, 317px 317px #fb968b, 318px 318px #fb968b, 319px 319px #fb968b, 320px 320px #fb968b, 321px 321px #fb968b, 322px 322px #fb968b, 323px 323px #fb968b, 324px 324px #fb968b, 325px 325px #fb968b, 326px 326px #fb968b, 327px 327px #fb968b, 328px 328px #fb968b, 329px 329px #fb968b, 330px 330px #fb968b, 331px 331px #fb968b, 332px 332px #fb968b, 333px 333px #fb968b, 334px 334px #fb968b, 335px 335px #fb968b, 336px 336px #fb968b, 337px 337px #fb968b, 338px 338px #fb968b, 339px 339px #fb968b, 340px 340px #fb968b, 341px 341px #fb968b, 342px 342px #fb968b, 343px 343px #fb968b, 344px 344px #fb968b, 345px 345px #fb968b, 346px 346px #fb968b, 347px 347px #fb968b, 348px 348px #fb968b, 349px 349px #fb968b, 350px 350px #fb968b, 351px 351px #fb968b, 352px 352px #fb968b, 353px 353px #fb968b, 354px 354px #fb968b, 355px 355px #fb968b, 356px 356px #fb968b, 357px 357px #fb968b, 358px 358px #fb968b, 359px 359px #fb968b, 360px 360px #fb968b, 361px 361px #fb968b, 362px 362px #fb968b, 363px 363px #fb968b, 364px 364px #fb968b, 365px 365px #fb968b, 366px 366px #fb968b, 367px 367px #fb968b, 368px 368px #fb968b, 369px 369px #fb968b, 370px 370px #fb968b, 371px 371px #fb968b, 372px 372px #fb968b, 373px 373px #fb968b, 374px 374px #fb968b, 375px 375px #fb968b, 376px 376px #fb968b, 377px 377px #fb968b, 378px 378px #fb968b, 379px 379px #fb968b, 380px 380px #fb968b, 381px 381px #fb968b, 382px 382px #fb968b, 383px 383px #fb968b, 384px 384px #fb968b, 385px 385px #fb968b, 386px 386px #fb968b, 387px 387px #fb968b, 388px 388px #fb968b, 389px 389px #fb968b, 390px 390px #fb968b, 391px 391px #fb968b, 392px 392px #fb968b, 393px 393px #fb968b, 394px 394px #fb968b, 395px 395px #fb968b, 396px 396px #fb968b, 397px 397px #fb968b, 398px 398px #fb968b, 399px 399px #fb968b, 400px 400px #fb968b, 401px 401px #fb968b, 402px 402px #fb968b, 403px 403px #fb968b, 404px 404px #fb968b, 405px 405px #fb968b, 406px 406px #fb968b, 407px 407px #fb968b, 408px 408px #fb968b, 409px 409px #fb968b, 410px 410px #fb968b, 411px 411px #fb968b, 412px 412px #fb968b, 413px 413px #fb968b, 414px 414px #fb968b, 415px 415px #fb968b, 416px 416px #fb968b, 417px 417px #fb968b, 418px 418px #fb968b, 419px 419px #fb968b, 420px 420px #fb968b, 421px 421px #fb968b, 422px 422px #fb968b, 423px 423px #fb968b, 424px 424px #fb968b, 425px 425px #fb968b, 426px 426px #fb968b, 427px 427px #fb968b, 428px 428px #fb968b, 429px 429px #fb968b, 430px 430px #fb968b, 431px 431px #fb968b, 432px 432px #fb968b, 433px 433px #fb968b, 434px 434px #fb968b, 435px 435px #fb968b, 436px 436px #fb968b, 437px 437px #fb968b, 438px 438px #fb968b, 439px 439px #fb968b, 440px 440px #fb968b, 441px 441px #fb968b, 442px 442px #fb968b, 443px 443px #fb968b, 444px 444px #fb968b, 445px 445px #fb968b, 446px 446px #fb968b, 447px 447px #fb968b, 448px 448px #fb968b, 449px 449px #fb968b, 450px 450px #fb968b, 451px 451px #fb968b, 452px 452px #fb968b, 453px 453px #fb968b, 454px 454px #fb968b, 455px 455px #fb968b, 456px 456px #fb968b, 457px 457px #fb968b, 458px 458px #fb968b, 459px 459px #fb968b, 460px 460px #fb968b, 461px 461px #fb968b, 462px 462px #fb968b, 463px 463px #fb968b, 464px 464px #fb968b, 465px 465px #fb968b, 466px 466px #fb968b, 467px 467px #fb968b, 468px 468px #fb968b, 469px 469px #fb968b, 470px 470px #fb968b, 471px 471px #fb968b, 472px 472px #fb968b, 473px 473px #fb968b, 474px 474px #fb968b, 475px 475px #fb968b, 476px 476px #fb968b, 477px 477px #fb968b, 478px 478px #fb968b, 479px 479px #fb968b, 480px 480px #fb968b, 481px 481px #fb968b, 482px 482px #fb968b, 483px 483px #fb968b, 484px 484px #fb968b, 485px 485px #fb968b, 486px 486px #fb968b, 487px 487px #fb968b, 488px 488px #fb968b, 489px 489px #fb968b, 490px 490px #fb968b, 491px 491px #fb968b, 492px 492px #fb968b, 493px 493px #fb968b, 494px 494px #fb968b, 495px 495px #fb968b, 496px 496px #fb968b, 497px 497px #fb968b, 498px 498px #fb968b, 499px 499px #fb968b, 500px 500px #fb968b;
            -webkit-animation-name: shadow;
            animation-name: shadow;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            transition-timing-function: cubic-bezier(0.68, 0, 0.31, 1);
        }
        #ambiva-header p {
            color: white;
        }

@-webkit-keyframes shadow {
            from {
                text-shadow: 0px 0px transparent, 2px 2px #fb968b, 1px 1px #fb968b, 0px 0px #fb968b;
            }
            to {
                text-shadow: 0px 0px transparent, 2px 2px #fb968b, 3px 3px #fb968b, 4px 4px #fb968b, 5px 5px #fb968b, 6px 6px #fb968b, 7px 7px #fb968b, 8px 8px #fb968b, 9px 9px #fb968b, 10px 10px #fb968b, 11px 11px #fb968b, 12px 12px #fb968b, 13px 13px #fb968b, 14px 14px #fb968b, 15px 15px #fb968b, 16px 16px #fb968b, 17px 17px #fb968b, 18px 18px #fb968b, 19px 19px #fb968b, 20px 20px #fb968b, 21px 21px #fb968b, 22px 22px #fb968b, 23px 23px #fb968b, 24px 24px #fb968b, 25px 25px #fb968b, 26px 26px #fb968b, 27px 27px #fb968b, 28px 28px #fb968b, 29px 29px #fb968b, 30px 30px #fb968b, 31px 31px #fb968b, 32px 32px #fb968b, 33px 33px #fb968b, 34px 34px #fb968b, 35px 35px #fb968b, 36px 36px #fb968b, 37px 37px #fb968b, 38px 38px #fb968b, 39px 39px #fb968b, 40px 40px #fb968b, 41px 41px #fb968b, 42px 42px #fb968b, 43px 43px #fb968b, 44px 44px #fb968b, 45px 45px #fb968b, 46px 46px #fb968b, 47px 47px #fb968b, 48px 48px #fb968b, 49px 49px #fb968b, 50px 50px #fb968b, 51px 51px #fb968b, 52px 52px #fb968b, 53px 53px #fb968b, 54px 54px #fb968b, 55px 55px #fb968b, 56px 56px #fb968b, 57px 57px #fb968b, 58px 58px #fb968b, 59px 59px #fb968b, 60px 60px #fb968b, 61px 61px #fb968b, 62px 62px #fb968b, 63px 63px #fb968b, 64px 64px #fb968b, 65px 65px #fb968b, 66px 66px #fb968b, 67px 67px #fb968b, 68px 68px #fb968b, 69px 69px #fb968b, 70px 70px #fb968b, 71px 71px #fb968b, 72px 72px #fb968b, 73px 73px #fb968b, 74px 74px #fb968b, 75px 75px #fb968b, 76px 76px #fb968b, 77px 77px #fb968b, 78px 78px #fb968b, 79px 79px #fb968b, 80px 80px #fb968b, 81px 81px #fb968b, 82px 82px #fb968b, 83px 83px #fb968b, 84px 84px #fb968b, 85px 85px #fb968b, 86px 86px #fb968b, 87px 87px #fb968b, 88px 88px #fb968b, 89px 89px #fb968b, 90px 90px #fb968b, 91px 91px #fb968b, 92px 92px #fb968b, 93px 93px #fb968b, 94px 94px #fb968b, 95px 95px #fb968b, 96px 96px #fb968b, 97px 97px #fb968b, 98px 98px #fb968b, 99px 99px #fb968b, 100px 100px #fb968b, 101px 101px #fb968b, 102px 102px #fb968b, 103px 103px #fb968b, 104px 104px #fb968b, 105px 105px #fb968b, 106px 106px #fb968b, 107px 107px #fb968b, 108px 108px #fb968b, 109px 109px #fb968b, 110px 110px #fb968b, 111px 111px #fb968b, 112px 112px #fb968b, 113px 113px #fb968b, 114px 114px #fb968b, 115px 115px #fb968b, 116px 116px #fb968b, 117px 117px #fb968b, 118px 118px #fb968b, 119px 119px #fb968b, 120px 120px #fb968b, 121px 121px #fb968b, 122px 122px #fb968b, 123px 123px #fb968b, 124px 124px #fb968b, 125px 125px #fb968b, 126px 126px #fb968b, 127px 127px #fb968b, 128px 128px #fb968b, 129px 129px #fb968b, 130px 130px #fb968b, 131px 131px #fb968b, 132px 132px #fb968b, 133px 133px #fb968b, 134px 134px #fb968b, 135px 135px #fb968b, 136px 136px #fb968b, 137px 137px #fb968b, 138px 138px #fb968b, 139px 139px #fb968b, 140px 140px #fb968b, 141px 141px #fb968b, 142px 142px #fb968b, 143px 143px #fb968b, 144px 144px #fb968b, 145px 145px #fb968b, 146px 146px #fb968b, 147px 147px #fb968b, 148px 148px #fb968b, 149px 149px #fb968b, 150px 150px #fb968b, 151px 151px #fb968b, 152px 152px #fb968b, 153px 153px #fb968b, 154px 154px #fb968b, 155px 155px #fb968b, 156px 156px #fb968b, 157px 157px #fb968b, 158px 158px #fb968b, 159px 159px #fb968b, 160px 160px #fb968b, 161px 161px #fb968b, 162px 162px #fb968b, 163px 163px #fb968b, 164px 164px #fb968b, 165px 165px #fb968b, 166px 166px #fb968b, 167px 167px #fb968b, 168px 168px #fb968b, 169px 169px #fb968b, 170px 170px #fb968b, 171px 171px #fb968b, 172px 172px #fb968b, 173px 173px #fb968b, 174px 174px #fb968b, 175px 175px #fb968b, 176px 176px #fb968b, 177px 177px #fb968b, 178px 178px #fb968b, 179px 179px #fb968b, 180px 180px #fb968b, 181px 181px #fb968b, 182px 182px #fb968b, 183px 183px #fb968b, 184px 184px #fb968b, 185px 185px #fb968b, 186px 186px #fb968b, 187px 187px #fb968b, 188px 188px #fb968b, 189px 189px #fb968b, 190px 190px #fb968b, 191px 191px #fb968b, 192px 192px #fb968b, 193px 193px #fb968b, 194px 194px #fb968b, 195px 195px #fb968b, 196px 196px #fb968b, 197px 197px #fb968b, 198px 198px #fb968b, 199px 199px #fb968b, 200px 200px #fb968b, 201px 201px #fb968b, 202px 202px #fb968b, 203px 203px #fb968b, 204px 204px #fb968b, 205px 205px #fb968b, 206px 206px #fb968b, 207px 207px #fb968b, 208px 208px #fb968b, 209px 209px #fb968b, 210px 210px #fb968b, 211px 211px #fb968b, 212px 212px #fb968b, 213px 213px #fb968b, 214px 214px #fb968b, 215px 215px #fb968b, 216px 216px #fb968b, 217px 217px #fb968b, 218px 218px #fb968b, 219px 219px #fb968b, 220px 220px #fb968b, 221px 221px #fb968b, 222px 222px #fb968b, 223px 223px #fb968b, 224px 224px #fb968b, 225px 225px #fb968b, 226px 226px #fb968b, 227px 227px #fb968b, 228px 228px #fb968b, 229px 229px #fb968b, 230px 230px #fb968b, 231px 231px #fb968b, 232px 232px #fb968b, 233px 233px #fb968b, 234px 234px #fb968b, 235px 235px #fb968b, 236px 236px #fb968b, 237px 237px #fb9.........完整代码请登录后点击上方下载按钮下载查看

网友评论0