Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- .popup {
- position: fixed;
- top: 50%;
- left: 50%;
- width: 90%;
- max-width: 500px;
- height: auto;
- z-index: 2000;
- visibility: hidden;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transform: translateX(-50%) translateY(-50%);
- -moz-transform: translateX(-50%) translateY(-50%);
- -ms-transform: translateX(-50%) translateY(-50%);
- transform: translateX(-50%) translateY(-50%);
- }
- .popup .banner h6, .popup .banner-main .swiper-pagination {
- display: none;
- }
- .popup img {
- width: 100%;
- }
- .popup .title {
- position: absolute;
- left: 0px;
- top: -25px;
- color: #fff;
- text-transform: uppercase;
- font-size: 11px;
- letter-spacing: 1px;
- font-weight: 300;
- }
- .popup .close-btn {
- position: absolute;
- right: 0px;
- top: -30px;
- color: #fff;
- cursor: pointer;
- }
- .popup .close-btn img {
- width: 19px;
- }
- .p-show {
- visibility: visible;
- }
- .p-end {
- position: fixed;
- width: 100%;
- height: 100%;
- visibility: hidden;
- top: 0;
- left: 0;
- z-index: 1000;
- opacity: 0;
- background: rgba(0,0,0,0.5);
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- transition: all 1s;
- }
- .p-show ~ .p-end {
- opacity: 1;
- visibility: visible;
- }
- .p-banner {
- color: #fff;
- background: #fff;
- position: relative;
- border-radius: 3px;
- margin: 0 auto;
- -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
- -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
- box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
- }
- .p-banner img
- {
- margin-bottom: -5px;
- }
- .p-effect .p-banner {
- -webkit-transform: translateY(-50%);
- -moz-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- opacity: 0;
- -webkit-transition: all 1s;
- -moz-transition: all 1s;
- transition: all 1s;
- }
- .p-show.p-effect .p-banner {
- -webkit-transform: translateY(0);
- -moz-transform: translateY(0);
- -ms-transform: translateY(0);
- transform: translateY(0);
- opacity: 1;
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement