I am currently attempting to create an effect where the word "credits" expands to reveal the credits when hovered on in a Chrome Extension. However, I am encountering difficulties in getting it to work properly.
Here is the CSS code I have used for handling the credits:
.credits {
float: right;
text-align: right;
cursor: default;
}
.hiddencredits {
display: none;
width: 1px;
height: 1px;
-webkit-transition: width 2s, height 2s;
text-align: center;
cursor: default;
}
.credits:hover .hiddencredits{
display: block;
width: 100px;
height: 100px;
background: black;
color: white;
}
Although hovering over the text does open up the hidden credits section, there seems to be an issue with the transition effect not applying.