From b0d18b7021d3a756e729fd58f7caab184efbd93a Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Sun, 25 Oct 2020 17:23:34 +0100 Subject: [PATCH] =?UTF-8?q?Fancy=20r=C3=A1me=C4=8Dky?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 24 +++++++++++++++++++++++- 1 file changed, 23 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index 55fb43f..8911d6c 100644 --- a/css/style.css +++ b/css/style.css @@ -72,4 +72,26 @@ main { .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%; +}