CSS2 [CSS] filter속성 - 이미지 필터 효과 * 공부를 목적으로 작성한글입니다. 틀린 정보, 부분 등이 있다면 언제든 댓글로 부탁합니다! CSS filter 정의흐림 효과나 색상 변형 등 그래픽 효과를 요소에 적용보통 필터는 이미지, 배경, 테두리 렌더링을 조정하는 데 사용 filter 값 종류filter: blur(px); // 흐림 효과 / 값이 클수록 흐려짐 / 값 지정 안 하면 filter: brightness(%, 0.3); // 밝기 조절 / 0%: 완전한 검은색 / 100% (1): 기본값 / 100%초과: 더 밝은 이미지filter: contrast(%); // 대비 조절 / 0%: 완전한 검은색 / 100% (1): 기본값 / 100%초과: 더 높은 대비 filter: drop-shadow(shadow-h shadow-w blu.. 2023. 9. 25. [CSS] 접두사 (CSS Prefix) HTML/CSS 작성하다 모르는게 생길 때 검색하면 한번씩 보이게 되는 -webkit- 등 본 적이 있었다.처음엔 그냥 지나치다가 한번은 프로젝트 진행도중 Text에 그라데이션을 많이 넣어야 했던 일이 생겨서 어떻게 해야하나 찾아봤던 것을 공유목적으로 정리해서 올린다. -webkit- : 웹키트 방식 브라우저용 (구글크롬, 사파리와 새 버전의 오페라도 포함 등)-moz- : 개코 방식 브라우저용 (모질라, 파이어폭스 등)-ms- : 마이크로소프트 인터넷 익스플로러에 적용 (보통 생략)-o- : 오페라 브라우저 요즘은 CSS 표준화가 점점 잘 이루어지고 있어서 예외 상황인 특정 상황이나 구형 브라우저와의 호환성을 보장하는 것이 아니라면 접두어의 필요성이 점점 줄어들고 있다.※주의사항으로 항상 접두사.. 2023. 9. 22. 이전 1 다음
