transition - 마우스오버(mousehover) 시 부드럽게 변화

독학이야말로 한 번 배우고 이해하면 진정한 내 것이 됩니다. 이번엔 transition 을 기억해 보려합니다. 시간설정이 가능하고 투명도(opacity) 값을 줄 수 있기에 마우스 클릭 전 선택에 부드러운 효과를 줄 수 있어 고급스러움을 구현할 수 있습니다. .CLASSNAME:hover { transition: 0.5s ease-out; opacity: 0.5; } hover { transition: 0.5s ease-out; opacity: 0.5; } 해석 : 마우스 오버시 0.5초동안 50%투명해 진다. 마우스오버시 50%의 투명도에서 원래 색상으로 0.5초 동안 부드럽게 변화합니다. 여기서 마우스오버가 해제되었을 때 다시 부드럽게 복귀하는 효과를 함께 넣어 주어야 제가 원하는 효과가 완성됩니다...

• format_list_bulleted 취미 활동/개발자가 돼보자
• · 2023. 2. 11.
• textsms

블로그 오른쪽 마우스 클릭 금지하기

블로그 운영자는 타인의 불법 콘텐츠 복사를 막기 위해 오른쪽 마우스 클릭 금지 스크립트를 하용합니다. 나의 콘텐츠를 보호하기 위해서죠. 그럼 오른쪽 마우스 금지를 어떻게 하는 지 알아보겠습니다. 우선 티스토리 블로그에서 복사 방지를 적용하는 방법은 두가지 방법이 있습니다. 티스토리 플러그인 VS 마우스 오른쪽 클릭 방지 스크립트 플러그인을 사용하여 오른쪽 마우스 금지를 적용하면 엣지, 크롬 등의 확장프로그램을 이용하여 해제할 수 있기 때문에 html스크립트를 적용하여 추가 방지하는 방법을 많이 사용하고 있습니다. 1. 플러그인 적용하기 블로그 관리자 페이지에 접속하면 좌측 메뉴중에 플러그인 버튼을 누르고 "마우스 오른쪽 클릭방지" 플러그인을 적용해 주면 끝입니다. 상단 검색창을 이용해서 검색하셔도 되지만..

• format_list_bulleted 기타 정보/티스토리 블로그
• · 2022. 4. 2.
• textsms