4,554
edits
No edit summary |
No edit summary |
||
Line 118: | Line 118: | ||
border: 1px solid; | border: 1px solid; | ||
transition: transform 0.3s; /* Add transition for a smooth effect */ | transition: transform 0.3s; /* Add transition for a smooth effect */ | ||
transform-origin: top right; /* Set the transformation origin to the top-right corner */ | |||
} | } | ||
#show-article { | #show-article { | ||
transition: transform 0.3s; /* Add transition for a smooth effect */ | transition: transform 0.3s; /* Add transition for a smooth effect */ | ||
Line 129: | Line 131: | ||
background-color: white; | background-color: white; | ||
padding: 20px; | padding: 20px; | ||
} | |||
#show-article-wrapper:hover { | #show-article-wrapper:hover { | ||
border: 5px solid red; /* Adjust the border style as needed */ | border: 5px solid red; /* Adjust the border style as needed */ | ||
transform: rotate(-5deg); /* Adjust the rotation angle as needed */ | transform: rotate(-5deg); /* Adjust the rotation angle as needed */ | ||
} | } | ||
Line 141: | Line 141: | ||
/* Add any specific styles for #show-article-content if needed */ | /* Add any specific styles for #show-article-content if needed */ | ||
} | } | ||