hover时如何使元素变亮

Question

hover一个元素的时候，常用处理是

:hover{
    opacity: 0.8
}

这样处理元素颜色会变暗，有没有变亮的css，感觉hover后变亮效果更好

Answer 1

filter: brightness(1.2);

Answer 2

非hover的时候设置opacity: 0.8;，hover的时候再设置opacity: 1;
这样不就达到变亮的效果么
opacity的最大值就是1，不可能在此基础上让元素变得更“亮”了