4,554
edits
No edit summary |
No edit summary |
||
Line 416: | Line 416: | ||
margin-right: 30px; | margin-right: 30px; | ||
margin-top: 100px; | margin-top: 100px; | ||
position: relative; | |||
} | } | ||
#show-article:before { | |||
content: ''; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
background: #FFFFFF; | |||
border: 1px solid #080808; | |||
transform: matrix(1, -0.02, 0.02, 1, 0, 0); | |||
transition: all 0.3s ease; | |||
opacity: 0; /* Initially hidden */ | |||
z-index: -1; /* Ensures it's under the main content */ | |||
} | |||
#show-article:hover:before { | |||
opacity: 1; /* Make the pseudo-element visible */ | |||
} | |||
#article-frame { | #article-frame { |