css3 - CSS에서 이러한 효과를 만드는 방법은 무엇입니까?

Question

중앙 부분을 주변 부분보다 더 밝게 만드는 방법은 무엇인가요?

Answer 1

으아아아

Answer 2

배경색으로 만든 데모는 다음과 같습니다

https://codepen.io/jackpan/pe...

box-shadow 或者 outline로 만든 데모는 다음과 같습니다:
https://codepen.io/jackpan/pe...

Answer 3

올바른 방법은 box-shadow，如： box-shadow: 0 0 0 2560px rgba(0,0,0,0.8)

을 사용하는 것입니다.

Answer 4

두 가지 방법이 있는 것 같아요.
1. 4p를 사용하여 주변에 어두운 영역을 만듭니다.
2. 배경 이미지에 1p를 마스크하여 더 어두운 곳을 만든 다음, 상단 p에 동일한 배경 이미지를 넣고 적절한 위치에 배치합니다.

Answer 5

필터: 밝기(1.3);
또는
backgournd-color: rgba(0, 0, 0, 0.5);

두 가지 방법 모두 가능합니다

Answer 6

으아악

Answer 7

디자이너가 문제를 해결할 수 있는 만큼 CSS를 사용하여 작성하지 마세요

Answer 8

보라색, 절대 및 Z-색인 사용
][1]