How do you show the basement if the page's closed?



  • I'd like a clean CSS, there's a solution to jQuery.



  • How do you show the basement if the page's closed?

    body {
      font-family: Tahoma;
      font-size: 1em;
      line-height: 2em;
    }
    

    main, footer {
    display: block;
    }

    .container {
    max-width: 500px;
    width: 100%;
    margin: 2rem auto;
    }

    footer {
    background: #333;
    padding: 1rem;
    text-align: center;
    color: #fff;
    opacity: 0;
    animation: show 1s 1s ease-in-out both;
    }

    @-webkit-keyframes show {
    from { opacity: 0;}
    to { opacity: 1; }
    }

    @keyframes show {
    from { opacity: 0;}
    to { opacity: 1; }
    }

      <div class="container">
    <main>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, eum.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A sint aliquam molestiae facilis nobis nostrum eveniet tempora, harum tenetur magni recusandae aut minus nemo odio, quas, soluta neque doloribus aliquid. Illum quam, nisi? Excepturi ut nobis necessitatibus illum suscipit esse officia nostrum animi asperiores autem nam iusto debitis unde delectus exercitationem soluta nisi provident quos, quas dolorum. Praesentium quibusdam maiores aliquid eius, voluptatem iusto deleniti illo. Iure officia fuga ratione nisi, neque, doloremque explicabo quibusdam laudantium nihil fugit! Commodi perspiciatis ratione porro aut, nobis pariatur consectetur eius id. Laborum impedit illum et cupiditate quas reiciendis laboriosam excepturi itaque culpa necessitatibus.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, eum.</p>
    </main>

    &lt;footer&gt;
      &amp;copy 2016
    &lt;/footer&gt;
    

    </div>

    If only css is true.

    Events covered + determination (upper point/low window) have not yet been invented in sss.

    How can a block (not visible) or use the last paragraph in front of a futer, but it's if the user puts a mouse on this block instead of just covering it.




Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2