HTML/CSS/HTML/CSS
, 2013. 12. 18. 14:17
[SVG] 웃는남자
SVG 연습도 할겸 커뮤니티에서 엠블렘으로 쓰고 있는 웃는 남자 그려봤는데 일러스트 같은 툴로 안그리고 일일이 좌표찍어가며 그렸습니다. 아주 간단한 거니까 가능한거구요.. 좌측 블로그 이미지도 같은 SVG...
그런데 글꼴 컨트롤이 생각보다 힘들군요..
이상하게 내 크롬이 이상한지 폰트 애니메이션을 하면 크롬이 다운됩니다.(같은 증상이 있으신분들은 말씀해주세요..)
IE는 11에서도 애니메이션 안되고 자바스크립트로 컨트롤 해줘야 한다는 사실과 인라인 스타일로 작성했는데 따로 스타일 빼는건 당연히 잘되고, IE에선 SVG파일을 object로 잘 못불러들이고 MS에서도 인라인으로 쓰라고 권장 ㅡㅡ;
파이어폭스가 가장 이쁘고 부드럽게 잘되는 것 같습니다..(의외로 크롬에서 글꼴이 상당히 거칠고 버벅댐)
'HTML/CSS > HTML/CSS' 카테고리의 다른 글
HTML+CSS로 롤오버 메뉴만들기. (2) | 2012.04.04 |
---|