![[CSS]마우스 오버시 글자 반전 효과 포스팅 썸네일 이미지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fmz7bR%2FbtrejVjF7j3%2FAAAAAAAAAAAAAAAAAAAAADaQqLj_WzSjNMRMRZDeMRC83wrxA9dFzPZcTUYFGFon%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DD0PdWzV%252BTjrhU4aL3g3qkBqhgEs%253D)
HTML&CSS
[CSS]마우스 오버시 글자 반전 효과
See the Pen Invert Text by lpla (@lpla) on CodePen. css의 mix-blend-mode 를 사용하여 반전 효과를 줄 수 있다. 익스플로러에서는 지원하지 않는다. 크로스 브라우징에 관한 자세한 내용은 여기서 확인할 수 있다. "mix-blend-mode" | Can I use... Support tables for HTML5, CSS3, etc Blending of HTML/SVG elements Allows blending between arbitrary SVG and HTML elements caniuse.com
