Notice
Recent Posts
Recent Comments
Tags more
«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
Archives
Today
Total
관리 메뉴

웹개발자의 기지개

[CSS] 배경에 Blur 효과 만들기 본문

웹퍼블리싱/CSS

[CSS] 배경에 Blur 효과 만들기

웹개발자 워니 2025. 3. 24. 21:29

 

 

 

1
2
3
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(24px) brightness(110%);
    -webkit-backdrop-filter: blur(24px) brightness(110%);
 cs

 

 

filter: blur(5px);
-webkit-filter: blur(5px);

 

 

참고 : https://ipjaworld.tistory.com/62

참고 :
https://13akstjq.github.io/scss/2020/11/18/css-filter-%EC%86%8D%EC%84%B1%EC%9C%BC%EB%A1%9C-%EB%B8%94%EB%9F%AC%EC%B2%98%EB%A6%AC%ED%95%98%EA%B8%B0.html

 

 

 

 

 

'웹퍼블리싱 > CSS' 카테고리의 다른 글

[CSS] 사진 이미지 가로,세로 비율 적절히 중앙에 꽉채우기  (0) 2025.11.06
[CSS] img 태그 이미지 비율 손상없이 이쁘게 꽉 채우기  (1) 2025.05.01
[CSS] ToolTip 툴팁 - 내용 미리보기 기능 구현하기  (0) 2025.03.14
[CSS] 인쇄시 배경이미지가 안나올때  (0) 2024.12.22
[CSS] 프린트 가로, 세로 출력하기  (0) 2024.07.10
'웹퍼블리싱/CSS' Related Articles more
Comments