반응형 css masking1 CSS-masking image : 이미지에 마스크 씌우기 CSS Masking w3schools를 보다가 css masking이 있었다. 뭐지?? 하고 봤는데 신기했다. 이미지에 말 그대로 마스크를 씌우는 기법이다. import styled from "styled-components"; function Masking() { return ( Masking Original Image Masking Image ); } export default Masking; const Wrapper = styled.div` .masking { mask-size: 100px; -webkit-mask-size: 100px; mask-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.5) 50% ); -web.. 2022. 10. 23. 이전 1 다음 반응형