돋보기 보는 사람

http://www.flickr.com/photos/andercismo/2349098787/


Jack Prosser가 재밌는 CSS 돋보기를 만들었습니다.
주요 컨셉은 CSS의 radius를 사용해서 동그라미 모양의 뷰 영역을 만드는 것입니다. 이 영역은 현재 페이지와 똑같은 컨텐트를 가진 iframe을 포함합니다. CSS3를 사용해서 iframe 내부의 컨텐트를 2배 확대해서, 작은 컨텐트를 읽기 편하게 만들었습니다. 이 돋보기는 간단한 키보드 조합으로 보이고/감추고 축소/확대를 할 수 있습니다. 앞으로는 구글 크롬이나 Firefox 확장기능을 만들 생각입니다. 확장기능은 iframe을 사용하지 않고, 페이지 컨텐트에 캔버스를 사용할 생각입니다. 물론, 페이지 컨텐트가 업데이트되면 캔버스도 업데이트 될 것입니다.
실제 동작을 보세요:


from MagnifyMa : A CSS magnifying glass
Posted by 행복한고니 트랙백 2 : 댓글 1

댓글을 달아 주세요

  1. addr | edit/del | reply BlogIcon 아즈키 2010.06.17 13:35

    재미있는 구상이네요. :]