4,554
edits
No edit summary |
No edit summary |
||
Line 112: | Line 112: | ||
max-height: 0; | max-height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
transition: max-height 0.3s ease; | transition: max-height 0.3s ease, transform 0.3s ease; /* Add transform transition */ | ||
transform-origin: top right; /* Set the transform origin to the top right corner */ | |||
} | } | ||
#show-article-wrapper:hover { | #show-article-wrapper:hover { | ||
max-height: | max-height: 500px; /* Adjust this value based on your content */ | ||
border: 10px solid red; | border: 10px solid red; | ||
transform: rotate(-10deg); /* Rotate the wrapper to the left */ | |||
} | } | ||
#show-article { | #show-article { |