분류 css

CSS : warhol 이미지 효과

컨텐츠 정보

  • 조회 472 (작성일 )

본문

CSS : 


.warhol-effect { background-image: url(photo.jpg); background-size: cover; background-position: center; } @supports (background-blend-mode: color) { .warhol-effect { background-image: linear-gradient(#14EBFF 0, #14EBFF 50%, #FFFF70 50%, #FFFF70 100%), linear-gradient(#FF85DA 0, #FF85DA 50%, #AAA 50%, #AAA 100%), url(photo.jpg); background-size: 50% 100%, 50% 100%, 50% 50%; background-position: top left, top right; background-repeat: no-repeat, no-repeat, repeat; background-blend-mode: color; } } 


css