ОС-анимация не работает? - PullRequest
Новая
       36

ОС-анимация не работает?

0 голосов
/ 01 июня 2018

Я сейчас очень смущен.Я уже использовал Os-анимацию и даже скопировал точный код из моего другого использования, но я не могу заставить его работать на этой странице.Вот мой HTML / CSS: 

html,
    body {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        background-color: #4074A0;
        font-family: 'Open Sans', sans-serif;
        border: none;
        outline: none;
        box-shadow: none;
    }
    
    * {
        outline: none;
        border: none;
        box-shadow: none;
        text-shadow: none;
    }
    
    main {
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }
    
    p {
        text-align: center;
        font-size: 250%;
        width: 100%;
        color: white;
        text-transform: uppercase;
        text-shadow: 0px 3px #098FA8;
    }
<!DOCTYPE html>
    <html lang="">
    
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Animation Testing</title>
        <link rel="stylesheet" href="style.css">
        <link href="css/animate.css" rel="stylesheet" />
        <link href="css/waypoints.css" rel="stylesheet" />
    </head>
    
    <body>
        <main class="os-animation" data-os-animation="bounceInDown" data-os-animation-delay="0s">>
                <p>Hello!</p>
        </main>
    </body>
    
    </html>

Итак, я пытаюсь получить «Привет!»текст в bounceIn сверху, я ранее делал это и даже скопировал код из этого старого документа, однако, похоже, он не хочет работать над этим.

Я немного посмотрелв Интернете, но, похоже, на эту тему не так много.

Любая помощь приветствуется!Спасибо.

...