ساخت گالری لایه ای با CSS در المنتور

				
					/******** Level 1 ********/ 

selector{

position: relative;
width: 360px;
height: 640px;
background: rgba(0, 0, 0, 0);
transform:rotate(-30deg) skew(25deg) scale(0.8);
transition: 0.5s;
}
selector .gallery-item{
position: absolute;
width: 100%;
transition: 0.5s;
}

/******** Level 2 ********/

selector:hover .gallery-item:nth-child(7) {
transform: translate(160px, -160px);
opacity: 1;
}
selector:hover .gallery-item:nth-child(5) {
transform: translate(120px, -120px);
opacity: 0.8;
}
selector:hover .gallery-item:nth-child(3) {
transform: translate(80px, -80px); 
opacity: 0.6;
}
selector:hover .gallery-item:nth-child(1) {
transform: translate(40px, -40px);
opacity: 0.4;
}