Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #d236e0;
- }
- .container{
- position: relative;
- width: 360px;
- height: 620px;
- margin-top: 150px;
- background-color: rgba(0, 0, 0, .1);
- transform: rotate(-30deg) skew(25deg) scale(.8);
- }
- .container img{
- position: absolute;
- width: 100%;
- transition: 0.5s;
- }
- .container:hover img:nth-child(4){
- transform: translate(160px, -160px);
- opacity: 1;
- }
- .container:hover img:nth-child(3){
- transform: translate(120px,-120px);
- opacity: .8;
- }
- .container:hover img:nth-child(2){
- transform: translate(80px,-80px);
- opacity: .6;
- }
- .container:hover img:nth-child(1){
- transform: translate(40px, -40px);
- opacity: .4;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement