오늘의 베스트 기사: 브라우저에서 Liquid Glass 젖빛 유리 효과 kube.io/blog/liquid-gl…Jqlc 순수 CSS와 SVG 효과를 사용합니다. 꼭 배워볼 만한 가치가 있습니다. 가장 큰 장점은 타사 라이브러리를 전혀 사용하지 않는다는 것입니다. 굴절의 물리적 원리(스넬의 법칙)를 기반으로 빛의 변위를 계산한 다음, SVG 필터를 사용하여 배경을 왜곡하여 "곡면 유리를 통해 콘텐츠를 보는 것"과 같은 사실적인 왜곡 효과를 구현합니다. 또한 가장자리 하이라이트를 추가하여 Apple의 Liquid Glass와 시각적으로 매우 유사합니다. 효과는 정말 놀랍고, 정교하며, 왜곡도 매우 사실적입니다. 기사에서 인터랙티브 데모를 보시거나, 제 화면 녹화 영상을 시청하실 수 있습니다. 그들이 어떻게 이런 효과를 생각해 냈는지 모르겠고, 이런 효과의 기본 원리를 이해하기 위해 어떤 지식을 배워야 할지도 모르겠습니다.
스레드를 불러오는 중
깔끔한 읽기 화면을 위해 X에서 원본 트윗을 가져오고 있어요.
보통 몇 초면 완료되니 잠시만 기다려 주세요.