box-shadow를 실시간 미리보기로 생성. 블러·확장·내부 그림자.
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
그라데이션이나 글래스모피즘을 찾고 계신가요? 전용 도구를 사용해 보세요: CSS 그라데이션 생성기 · 글래스모피즘 빌더
box-shadow(바깥쪽과 inset)이며, 실시간 미리보기가 있어 시행착오가 아니라 눈으로 보며 조정합니다. 그라데이션과 글래스모피즘은 Sticraft의 전용 도구를 따로 이용하세요.
네, inset 옵션을 켜면 그림자가 요소 뒤가 아니라 안쪽에 렌더링됩니다.
아니요. CSS는 브라우저에서 실시간으로 생성됩니다.