티스토리 2

간단한 css 모서리 둥글게 하기 border-radius(ft. 티스토리)

오늘은 간단하게 티스토리 css 코드를 수정하는 방법을 알아보겠습니다. 최근에 아주 오랜만에 티스토리의 스킨을 변경하였는데요 기존에 전체 커스텀했던 스킨을 기본 스킨으로 변경을 하니까 어딘가 조금씩 심심하고 아쉬운 부분들이 보이더군요 그래서 앞으로 조금씩 스킨을 수정해보려고 하는데요 오늘은 그 첫번째로 메인 화면에서 리스트 썸네일 모서리를 부드럽게 둥글게 수정하는 방법을 알아보겠습니다.티스토리 css 수정하기아래 캡쳐 이미지를 보시면 우측의 썸네일 모서리가 직각인 것을 보실 수 있습니다. 너무 각이져있다 보니 부드러운 느낌으로 수정을 하고 싶은데요 어떤 부분의 css를 수정해야 하는지 추적해보도록 하겠습니다.수정위치 찾기먼저 크롬 브라우저를 기준으로 설명을 드리면 수정하고자 하는 요소에 마우스를 가져다 ..

프로그래밍/css 2025.04.05

티스토리 배경 애니메이션 효과 꽃가루 효과 적용하기~!

티스토리는 html소스와 script 코드까지 자유롭게 수정할 수 있기 때문에 간단한 액션을 추가할 수도 있습니다. 그래서 최근에는 공감 버튼을 눌렀을 때 특정한 리액션을 줘보고 싶어서 따뽕~! 이미지 효과를 주었었답니다. 별로 씅에는 안 차지만 일단 놔뒀었는데 웹사이트를 돌아다니다가 우연히 꽃가루 날리는 효과를 보았지 모에요~ 눈이 @@ 휘둥글~ 이거는 가져다 내 블로그에 적용해봐야 겠다고 생각을 했었지만 웹사이트에서 딱 그 기능에 해당하는 소스만 뽑아오는 것도 좀 귀찮고 해서 그냥 지나갔었는데 구글 브라우저 설문? 조사 페이지에서 또 동일한 꽃가루 날리는 효과를 본 것이었습니다... 결국 소스를 뽑아오기로 결심! 뽑아 온 기능을 적용해 놓고 블로그에도 포스팅을 해볼까 고민하다가 보는 사람도 없을 것 ..