Now everything starts on line 237 CSS, 99 HTML.
I put boundary lines in their to help narrow down where the issue is. Basically it is with the project cards in my ‘My projects’ section (the are outlined in red).
Only focus on the first one. It has the placeholder background to it.
.project-cardis the main card box that holds everything.
visibility: none;property so you cant see it. Here is what it looks like:
I am having a issue with my animations just not running when i hover over my set object. I have a feeling visibility might be the issue, but i don’t know how.
On CSS line 259 i have a animation that should run when i hover over the description div, which is 100% width and height of the project card itself (CSS line 238).
In that animation on CSS line 215 i change the visibility and opacity. Opacity makes it so it fades in but visibility allows it to be seen on the html (but it is still physical present unlike display: none)
On 264 i have a animation that animates the scale and box shadow.
- Is the
.product-cardanimation not running because the desc is covering it?
- Could i fix it with
- Even then, the desc animation should at least run.