Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .card_cont {
- -o-transition: all 0.75;
- -ms-transition: all 0.75;
- -moz-transition: all 0.75;
- -webkit-transition: all 0.75;
- transition: all 0.75s;
- -o-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- position: absolute;
- top: 0px;
- left: 0px;
- text-align: center;
- background-color: #eee;
- }
- .card-front {
- z-index: 2;
- padding: 0;
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- .card_back {
- width: 100%;
- height: 100%;
- padding: 30px 30px;
- color: #ffffff;
- background-color: #333131;
- z-index: 1;
- margin: 0;
- text-align: center;
- overflow: hidden;
- -o-transform: rotateY(-180deg);
- -ms-transform: rotateY(-180deg);
- -moz-transform: rotateY(-180deg);
- -webkit-transform: rotateY(-180deg);
- transform: rotateY(-180deg);
- }
- .card:hover .card-front {
- z-index: 1;
- -o-transform: rotateY(180deg);
- -ms-transform: rotateY(180deg);
- -moz-transform: rotateY(180deg);
- -webkit-transform: rotateY(180deg);
- transform: rotateY(180deg);
- }
- .card:hover .card_back {
- z-index: 2;
- -o-transform: rotateY(0deg);
- -ms-transform: rotateY(0deg);
- -moz-transform: rotateY(0deg);
- -webkit-transform: rotateY(0deg);
- transform: rotateY(0deg);
- }
- .builderCard .card_cont {
- -o-backface-visibility: visible;
- -ms-backface-visibility: visible;
- -moz-backface-visibility: visible;
- -webkit-backface-visibility: visible;
- backface-visibility: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement