목록전체 글 (529)
안녕하세요
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bQsHjU/btrJGVuk3Si/VpwW4XQnDTm5Cp2F7cHyR0/img.png)
css .Re2ScrollPointer { position: absolute; display: none; font-size: 3rem; border-radius: 50%; color: #777; background: rgba(0, 0, 0, 0.1); transform: translate(-50%, -50%); z-index: -1; } js $(".Re2 .right").mousemove(function (e) { var x = e.pageX; var y = e.pageY; $(".Re2ScrollPointer").css("left", x + "px"); $(".Re2ScrollPointer").css("top", y + "px"); $(".Re2ScrollPointer").css("display", ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bxMA8Y/btrJLSQ8OIk/0swbt5ebySSDSkvrUA37n0/img.png)
이미지를 파비콘에 적합한 사이즈로 만들어 주는 사이트가 있습니다. www.favicon-generator.org 이미지를 선택하여 업로드를 한 뒤, Create Favicon 버튼을 누릅니다. 전부 다 필요하지는 않습니다. link rel="icon" 이 부분을 가져온 뒤에, 주소 링크를 걸어주면 됩니다. href="이미지주소" 아래 예시입니다. OPS - 옵스
.Re2 .right::-webkit-scrollbar { width: 10px; } .Re2 .right::-webkit-scrollbar-thumb { height: 20%; background: rgba(0, 0, 0, 0.2); border-radius: 10px; } .Re2 .right::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.4); } .Re2 .right::-webkit-scrollbar-track { background: #ddd; }
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/b8mabF/btrJwqNYqfo/1nReNFLDYQ6kgb971bPB01/img.gif)
같은 내용의 텍스트를 두 줄 나란히 배치하여 무한히 반복되어 흐르는 것 처럼 보이도록 할 수 있습니다. blu shak blu shak blu shak blu shak  blu shak blu shak blu shak blu shak  우선 같은 내용의 텍스트를 p에 담습니다. .letter { position: absolute; top: 0; left: 0; display: flex; font-size: 100px; white-space: nowrap; text-transform: uppercase; animation: streamLetters 8s infinite linear; } display: flex; 로 두 개의 p를 일렬로 만듭니다. white-space: nowrap; 로 화..