4,554
edits
No edit summary |
No edit summary |
||
| Line 117: | Line 117: | ||
border: 1px solid; | border: 1px solid; | ||
transition: border 0.3s ease-in-out; /* Add a smooth transition for the border change */ | transition: border 0.3s ease-in-out; /* Add a smooth transition for the border change */ | ||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
position: relative; /* Add position: relative; to avoid interference with hover effect */ | |||
z-index: 2; /* Ensure it's above the overlay */ | |||
/* Create a pseudo-element for the second border (tilted) */ | /* Create a pseudo-element for the second border (tilted) */ | ||
position: relative; | position: relative; | ||
} | } | ||
#show-article:hover { | #show-article:hover { | ||
/* Adjust border size on hover */ | /* Adjust border size on hover */ | ||
border: 5px solid; | border: 5px solid; | ||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); | ||
z-index: 3; /* Ensure it's above the overlay */ | |||
/* Add a second border (pseudo-element) */ | /* Add a second border (pseudo-element) */ | ||
| Line 133: | Line 135: | ||
border-image-slice: 1; | border-image-slice: 1; | ||
} | } | ||
.article-metadata { | .article-metadata { | ||