pedf
/
oli
Archived
2
0
Fork 0

Fancy rámečky

master
Emil Miler 4 years ago
parent b56eea0c61
commit b0d18b7021

@ -72,4 +72,26 @@ main {
.row { height:auto; width:100%; display:flex; justify-content:space-between; align-items:center; } .row { height:auto; width:100%; display:flex; justify-content:space-between; align-items:center; }
article { background-color:#eee; } article {
background-color: #eee;
border: 3px solid #ddd;
border-radius: 2% 6% 5% 3% / 1% 1% 2% 6%;
position: relative;
}
article::before {
content: '';
border: 2px solid #dfdfdf;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
z-index: -1;
}
article:nth-child(1)::before {
transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(-1deg);
border-radius: 2% 6% 5% 4% / 1% 1% 2% 4%;
}