호기심 가득! 모지모지!

우연히 페이스북을 돌아디니다 들어간 사이트~ http://www.usercible.com/ 들어가자마자 여자가 아이패드를 들고 움직인다. 뒷배경과 살짝 어긋나 움직이면서 공간감이 느껴지는 메인 배너~ 오우 너무 멋집니다. 사실 예전에도 이런 비슷한 사이트를 본적은 있습니다만, 최근 블로그 스킨 고치며 새로운 기술들을 좀 둘러보다보니 더욱 눈이 끌리네요. 최근에 메인바탕이 바뀌었네요~ 내용이 다를 수 있는 점 양해바랍니다. 그래서 좀 소스를 좀 살펴봤습니다. 그랬더니 처음보는 translate3d 속성을 보게되었네요. 이전에 transfrom:scale을 이용해서 이미지 위에 마우스를 갖다대면 살짝 커지는 효과를 주는 법을 포스팅한적이 있었는데요. 요건 또 처음 보는 속성이네요~ 그래서 검색을 좀 해봤습니..

티스토리 스킨 포럼에서 질문이 있어서 답글로만 알려드렸던 내용인데 댓글로 질문을 달아주신 분이 있어서 작성해봅니다. 티스토리스킨 반응형 #2 메인화면, 글목록화면과 게시물안의 이미지에 확대효과주기입니다. 이미지위에 마우스를 가져다 대면 이미지가 살짝 확대되는 효과입니다. 솔직히 너무 많이 주면 버벅일 수도 있어서 이런 효과는 조심해서 주는편이긴한데 나름 괜찮아서 추가해보았습니다. 현재 제 블로그화면들의 이미지를 확인해보시면 어떤 느낌의 효과인지 확인하실 수 있습니다. 본 게시물에 들어간 이미지들 위로 마우스를 가져다 대면 살짝 커지죠? 일단, 위의 CSS는 메인화면 즉, 글 목록화면의 썸네일에 적용되는 소스입니다. 줄 수를 보시고 비슷한 위치에 넣어주시면 됩니다. 소스는 아래 .list_content ...