Notice
Recent Posts
Recent Comments
Tags more
«   2025/04   »
일 월 화 수 목 금 토
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 29 30
Archives
Today
Total
관리 메뉴

웹개발자의 기지개

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

웹퍼블리싱/CSS

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

http://portfolio.wonpaper.net 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] ToolTip 툴팁 - 내용 미리보기 기능 구현하기  (0) 2025.03.14
[CSS] 인쇄시 배경이미지가 안나올때  (0) 2024.12.22
[CSS] 프린트 가로, 세로 출력하기  (0) 2024.07.10
[CSS] 하위 선택자, 형제 선택자, 자식 선택자  (0) 2024.04.05
[CSS] 웹퍼블리싱 익히기  (0) 2024.03.15
'웹퍼블리싱/CSS' Related Articles more
Comments