Show resize handle on hover

user_13131103 0
Viewed 69

I need elements to be resizable using resize: both, and it does work, but I want to show the corner handle just when hovering the element, is there a way to do it?

enter image description here

That's the handle I want to show on hover only.

resize css html javascript
1 Answers

Use resize: both; inside the :hover rule

.resize {
  outline: 1px solid black;
  overflow: auto;
  min-height: 100px;
  min-width: 100px;
}

.resize:hover {
  resize: both;
}
<div class="resize"></div>

user_3839040
Related