konsthol/WOL-LY
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

minor changes

Browse Source
This commit is contained in:
konsthol
2024-12-13 20:36:18 +02:00
parent a788c7527e
commit 9232358bb7
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/ui/static/css/style.css
View File

@@ -24,6 +24,7 @@ body section .row {
margin: 10px 0; margin: 10px 0;
transition: ease all 2.3s; transition: ease all 2.3s;
perspective: 1200px; perspective: 1200px;
border-radius: 15px; /* Add border-radius */
} }
.card:hover .cover { .card:hover .cover {
transform: rotateX(0deg) rotateY(-180deg); transform: rotateX(0deg) rotateY(-180deg);
@@ -52,6 +53,7 @@ body section .row {
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 15px; /* Add border-radius */
} }
.card .cover:before { .card .cover:before {
content: ""; content: "";
@@ -66,6 +68,7 @@ body section .row {
transition: ease all 2.3s; transition: ease all 2.3s;
transform-style: preserve-3d; transform-style: preserve-3d;
transform: translateZ(0px); transform: translateZ(0px);
border-radius: 15px; /* Add border-radius */
} }
.card .cover:after { .card .cover:after {
content: ""; content: "";
@@ -77,6 +80,7 @@ body section .row {
z-index: 2; z-index: 2;
transition: ease all 1.3s; transition: ease all 1.3s;
background: rgba(0, 0, 0, 0.4); background: rgba(0, 0, 0, 0.4);
border-radius: 15px; /* Add border-radius */
} }
.card .cover.item-a { .card .cover.item-a {
background-image: url("./images/img1.jpeg"); background-image: url("./images/img1.jpeg");
@@ -122,6 +126,7 @@ body section .row {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 15px; /* Add border-radius */
} }
.card .card-back a { .card .card-back a {
transform-style: preserve-3d; transform-style: preserve-3d;
@@ -135,6 +140,7 @@ body section .row {
padding: 14px 32px; padding: 14px 32px;
outline: none; outline: none;
text-decoration: none; text-decoration: none;
border-radius: 5px; /* Add border-radius */
} }
.card .card-back a:hover { .card .card-back a:hover {
background-color: white; background-color: white;