다중 애니메이션 효과 활용
애니메이션 효과의 종류에는 여러가지가 있다. 위치 이동이나 크기 확대, 축소, 늘리기, 줄이기, 회전, 비틀림, 색상 변경, 사라짐 등등... 너무 다양하다. 이 블로그에도 여러가지 애니메이션이 적용되어 있다. 어제 블로그의 위치 이동 애니메이션을 사용하다가 이 객체의 움직임을 회전 시키면서 이동을 하면 좋겠다는 생각에 시도해 보았다. 예상했던 애니메이션은 아니지만 생각하지도 못했던 더 신기한 발견이다. 좌에서 우측으로 이동하는 애니메이션에 회전 애니메이션을 추가해 보았다. 이번에는 위에서 아래로 이동하는 애니메이션에 회전 애니메이션을 추가해 보았다. 둘의 차이는 왼쪽 위에서 아래로 대각선으로 이동하는 애니메이션이고 두번째 애니메이션은 우측 위에서 아래 대각선으로 이동하는 애니메이션이 된다. 간단한 두가..
SECRET 2017. 7. 9. 19:15
다양한 클립아트 SVG 말풍선 활용하기
갑자기 말풍선에 관심이 생겨서 클립아트 사이트인 프리픽 Freepik 에서 말풍선 이미지를 검색해 보았다. 그 수가 엄청나다. 너무 많아서 고르기 어려울 정도이다. 복잡한 형태는 파일 크기가 커져서 사용하기 어려울듯 하고 간단한 디자인의 말풍선을 선택해 보았다. SVG 는 디자인이 복잡해지면 용량이 기하급수적으로 커진다. 사이즈는 아무 의미 없다. 그럼 블로그에 적용해 볼까?ㅎㅎ 지난번 보다 조금 더 말풍선 비슷한 디자인을 선택했다. 보라색 말풍선 보기기분에 따라서 마음에 드는 말풍선을 골라 사용할 수 있다 - 마우스를 글자에 올리면 볼 수 있다. 하트 상자 말풍선 보기 나 말풍선 - 마우스를 글자에 올리면 볼 수 있다.
SECRET 2017. 7. 7. 02:50
툴팁 활용하기
지난번 말풍선 서식을 해보다 툴팁을 좀 더 잘 활용해보고 싶어졌다. 글의 설명을 덧붙혀 마우스를 올렸을때 설명 문구가 보이게 하는 걸 보통 툴팁요게 바로 툴팁이라고 한다. 이 툴팁은 아주 간단하게 글 안에 작성해서 표현할 수도 있지만 이번에는 SVG 와 애니메이션을 이용해 꾸며 보았다. 해놓고 보니 괜찮아 보이길래 블로그의 첫페이지 아이콘 부분에도 툴팁을 이번 것으로 변경했다. SONYLOVE 의 블로그에 오신걸 환영합니다.
SECRET 2017. 7. 6. 15:37
블로그의 게임화
블로그 게임화 요즘 광고 블로그들을 보고 있으면 블로그를 하는게 아니라 게임의 대상을 블로그로 정한것 같다는 생각을 한다. 게임하듯 블로그를 한다고 해야하려나... 보통 게임을 처음 하게 되면 캐릭터를 고르고 캐릭터를 키우기 위해 경험치를 쌓아 여러 스킬을 익히고 무기를 장착한다. 보통 이런 과정이 일반적으로는 하나씩 스스로 배워가면서 나만의 캐릭터를 갖게 된다. 그러나 언젠가부터는 게임 캐릭터를 키우는 전문 유저들이 생겨나기도 한다. 최고의 무기들과 스킬 트리를 익혀 모두 똑같은 복장의 캐릭터들.. 공략집 같은것이 존재하기도 한다. 게임을 블로그로 바꿔서 생각해 보면 현재의 티스토리가 게임 유저들의 행동과 아주 비슷하게 느껴진다. 블로그를 만들고 똑같은 글들을 채워가며 블로그를 키워간다. 캐릭터를 키우..
SECRET 2017. 6. 23. 14:50
티스토리 꾸미기 글 모음
보호되어 있는 글입니다.
보호글 2017. 5. 31. 15:14
1 2 3 4 5 6 7