정보실

웹학교

정보실

css CSS : warhol 이미지 효과

본문

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; } } 


  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 81회 ]  작성일18-09-03 16:15
css

웹학교