4,554
edits
No edit summary |
No edit summary |
||
Line 106: | Line 106: | ||
/* Style the article window */ | /* Style the article window */ | ||
#show-article-wrapper { | #show-article-wrapper { | ||
transition: transform 0.3s ease; /* Added transition property */ | |||
transform-origin: top right; /* Set the transform origin to the top right corner */ | |||
transform: rotateY(0deg); /* Initial rotation set to 0 degrees */ | |||
transition: transform 0.3s ease; | |||
transform-origin: top right; | |||
} | } | ||
#show-article-wrapper:hover { | #show-article-wrapper:hover { | ||
transform: | transform: rotateY(-15deg); /* Rotate on hover */ | ||
} | } | ||
#show-article { | #show-article { | ||
display: none; | display: none; | ||
max- | position: fixed; | ||
top: 0; | |||
right: 0; | |||
width: 37%; | |||
height: max-content; | |||
margin-right: 2%; | |||
margin-top: 2%; | |||
background-color: white; | background-color: white; | ||
padding: 20px; | padding: 20px; | ||
border: 1px solid; | border: 1px solid; | ||
} | } | ||