Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- CSS code
- .preview {
- display: none;
- position: fixed;
- z-index: 999;
- width: 100%;
- height: 100%;
- text-align: center;
- top: 0;
- left: 0;
- background: rgba(0,0,0,0.8);
- }
- .preview img {
- width: 40%;
- margin-top: 5%;
- }
- .preview:target {
- outline: none;
- display: block;
- }
- HTML
- <article class="item item-1">
- <a href="#either">
- <img src="img/eitherhated.png" alt="">
- </a>
- <!-- https://ae01.alicdn.com/kf/HTB1MaTnabY1gK0jSZTEq6xDQVXan.jpg_q50.jpg -->
- <h2>Either Hated Or Ignored</h2>
- <div class="buy">
- <a href="#">
- <p>buy</p>
- </a>
- </div>
- <a href="#_" class="preview" id="either">
- <img src="img/eitherhated.png" alt="">
- </a>
- </article>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement