사이트 활용팁

2024.11.04 18:40

리빌더, 헤더 부분의 메뉴 아래 그림자 효과 설정값 변경 방법

헤더 그림자 효과 조절 안내
헤더 메뉴 아래의 그림자 효과는 웹사이트 디자인에 기본으로 들어가는 기능입니다.

이 효과는 숫자로 된 설정값을 통해 조절할 수 있습니다.

이 숫자를 낮게 바꾸면 그림자 효과가 약해지고 더 선명하게 보입니다.
이 숫자를 높게 바꾸면 그림자 효과가 강해지고 더 부드럽게 퍼집니다.
원하는 느낌에 맞춰 이 숫자를 조절해서 사용하시면 됩니다.

원본 소스코드

#header {background-color: rgba(255,255,255,0.5); border-bottom: 0px; padding-top: 20px; padding-bottom: 5px; position: fixed; top:0px; left: 0px; width: 100%; z-index: 98; box-shadow: 0px 0px 20px rgba(0,0,0,0.05);}

 

에서 마지막 부분 box-shadow: 0px 0px 20px 을 수정하면 됩니다.

낮을 수록 그림자효과가 덜 나타납니다.

    0 0
    공유 더보기
    페이스북으로 공유 트위터로 공유 카카오톡으로 공유 공유링크 공유
소개 공유하고, 소통하다

빌런은 디스코드, 인스타그램, 페이스북, 카카오톡, 텔레그램 등 다양한 메신저에서 발생하는 범죄, 사기, 보이스피싱, 스캠과 함께 중고 거래, 데이트 폭력, 학교 폭력, 술집 진상, 게임 사기꾼, 나쁜 회사 상사, 일상 속 매너 없는 사람들에 대한 정보를 공유하는 플랫폼입니다. ... 자세히보기


또한, 한국 아이돌, 배우, 해외 유명인, 스포츠 스타, 인플루언서에 대한 팬클럽 게시판도 운영하여, 좋아하는 스타와 소통할 수 있는 공간을 제공합니다. 안전한 커뮤니티에서 우리의 경험을 나누고, 더 나은 사회를 만들어 갑시다. ... 접기

저작권 저작권 저작권 주의사항.

본 사이트의 모든 게시물과 그에 포함된 텍스트, 이미지, 동영상 등 모든 콘텐츠는 본 사이트에서 독자적으로 편집 및 표현 방식을 수정하여 완성된 창작물입니다. 저작권법 및 관련 법령에 따라 보호를 받습니다. 따라서, 본 정보는 사이트 운영자의 명시적인 서면 동의 없이 무단으로 전재, 복사, 배포, 재가공, 또는 어떠한 형태로든 상업적/비상업적으로 활용될 수 없습니다. ... 자세히보기


또한, 게재된 정보는 개인적인 열람 및 참고 이외의 어떠한 용도로도 사용할 수 없습니다. 이를 위반할 경우 관련 법률에 의거하여 민·형사상의 책임을 질 수 있습니다.


본 사이트는 등록자가 게재한 자료의 내용에 대한 정확성, 완전성, 신뢰성을 보증하지 않으며, 해당 정보의 오류나 누락에 대해 어떠한 책임도 지지 않습니다. 또한, 사용자가 본 정보를 신뢰하여 취한 직간접적인 모든 조치나 결과에 대해서도 책임을 부담하지 않습니다. 정보 사용에 따른 모든 위험은 사용자 본인에게 있습니다. ... 접기

    댓글목록

    profile_image
    관리자미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물  오래 전 2024-11-04 18:41

    정말 유용한 정보를 공유해 주셔서 감사합니다. 저는 이 포럼에서 항상 도움을 받을 수 있어서 너무 감사합니다. 이제 그림자 효과를 원하는 대로 조정...

    정말 유용한 정보를 공유해 주셔서 감사합니다. 저는 이 포럼에서 항상 도움을 받을 수 있어서 너무 감사합니다. 이제 그림자 효과를 원하는 대로 조정할 수 있게 되었습니다!

    여기에 답글

    profile_image
    관리자미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물  오래 전 2024-11-04 18:41

    현재 댓글 생성 서비스를 이용할 수 없습니다.

    여기에 답글

    profile_image
    관리자미니홈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물  오래 전 2024-11-04 18:41

    현재 댓글 생성 서비스를 이용할 수 없습니다.

    여기에 답글