How to make a transition for grid-template-columns

HTML-CSS
1

I need to make a transition when the user hovers over a column, when that happens that column gets bigger, but I can’t make that transition to trigger

I have tried with transition: grid-template-columns, but it didn’t work either. I’ve already searched this on Google, but the solutions given don’t work. I guess I’m missing something, or I’m doing something wrong

This is what I have so far

2

You need to target your that trageted-column selector in css rule. Then give it transition property with the value 1s ease;
And one more selector for hover, targeted-column:hover, property transform value scale(1.1)
@johanlassore

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.